#CE9DAB - #F1E3E7 | 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 #CE9DAB to #F1E3E7

#CE9DAB #F1E3E7

Calculate the color between two colors, #CE9DAB and #F1E3E7. 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)

#CE9DAB - #F1E3E7 | 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 #CE9DAB as 0% and #F1E3E7 as 100%.

0.0%	0.0% #CE9DAB	RGB 206 157 171	#CE9DAB
16.7%	16.7% #D3A8B5	RGB 211 168 181	#D3A8B5
33.3%	33.3% #D9B4BF	RGB 217 180 191	#D9B4BF
50.0%	50.0% #DFC0C9	RGB 223 192 201	#DFC0C9
66.7%	66.7% #E5CBD3	RGB 229 203 211	#E5CBD3
83.3%	83.3% #EBD7DD	RGB 235 215 221	#EBD7DD
100.0%	100.0% #F1E3E7	RGB 241 227 231	#F1E3E7

#CE9DAB #D3A8B5 #D9B4BF #DFC0C9 #E5CBD3 #EBD7DD #F1E3E7

#CE9DAB - #F1E3E7

HSV Blend

#CE9DAB - #F1E3E7 | 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 #CE9DAB as 0% and #F1E3E7 as 100%.

0.0%	0.0% #CE9DAB	RGB 206 157 171	#CE9DAB
16.7%	16.7% #D3A7B4	RGB 211 167 180	#D3A7B4
33.3%	33.3% #D9B2BE	RGB 217 178 190	#D9B2BE
50.0%	50.0% #DFBEC7	RGB 223 190 199	#DFBEC7
66.7%	66.7% #E5CAD2	RGB 229 202 210	#E5CAD2
83.3%	83.3% #EBD6DC	RGB 235 214 220	#EBD6DC
100.0%	100.0% #F1E3E7	RGB 241 227 231	#F1E3E7

#CE9DAB #D3A7B4 #D9B2BE #DFBEC7 #E5CAD2 #EBD6DC #F1E3E7

#CE9DAB - #DFBEC7 - #F1E3E7

CSS codes

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

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