#D69FAB - #F0FFD0 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #D69FAB to #F0FFD0

#D69FAB #F0FFD0

Calculate the color between two colors, #D69FAB and #F0FFD0. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#D69FAB - #F0FFD0 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #D69FAB as 0% and #F0FFD0 as 100%.

0.0%	0.0% #D69FAB	RGB 214 159 171	#D69FAB
16.7%	16.7% #DAAFB1	RGB 218 175 177	#DAAFB1
33.3%	33.3% #DEBFB7	RGB 222 191 183	#DEBFB7
50.0%	50.0% #E3CFBD	RGB 227 207 189	#E3CFBD
66.7%	66.7% #E7DFC3	RGB 231 223 195	#E7DFC3
83.3%	83.3% #EBEFC9	RGB 235 239 201	#EBEFC9
100.0%	100.0% #F0FFD0	RGB 240 255 208	#F0FFD0

#D69FAB #DAAFB1 #DEBFB7 #E3CFBD #E7DFC3 #EBEFC9 #F0FFD0

#D69FAB - #F0FFD0

HSV Blend

#D69FAB - #F0FFD0 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #D69FAB as 0% and #F0FFD0 as 100%.

0.0%	0.0% #D69FAA	RGB 214 159 170	#D69FAA
16.7%	16.7% #DCA8A6	RGB 220 168 166	#DCA8A6
33.3%	33.3% #E3BEAE	RGB 227 190 174	#E3BEAE
50.0%	50.0% #EAD3B6	RGB 234 211 182	#EAD3B6
66.7%	66.7% #F1E7BF	RGB 241 231 191	#F1E7BF
83.3%	83.3% #F5F8C7	RGB 245 248 199	#F5F8C7
100.0%	100.0% #F0FFD0	RGB 240 255 208	#F0FFD0

#D69FAA #DCA8A6 #E3BEAE #EAD3B6 #F1E7BF #F5F8C7 #F0FFD0

#D69FAB - #EAD3B6 - #F0FFD0

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #D69FAB 0%, #F0FFD0 100%);
    background: -webkit-linear-gradient(top, #D69FAB 0%, #F0FFD0 100%);
    background: linear-gradient(to bottom, #D69FAB 0%, #F0FFD0 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D69FAA 0%, #EAD3B6 50%, #F0FFD0 100%);
    background: -webkit-linear-gradient(top, #D69FAA 0%, #EAD3B6 50%, #F0FFD0 100%);
    background: linear-gradient(to bottom, #D69FAA 0%, #EAD3B6 50%, #F0FFD0 100%);
}
</style>