#CBA3AC - #F0E4E7 | 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 #CBA3AC to #F0E4E7

#CBA3AC #F0E4E7

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

#CBA3AC - #F0E4E7 | 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 #CBA3AC as 0% and #F0E4E7 as 100%.

0.0%	0.0% #CBA3AC	RGB 203 163 172	#CBA3AC
16.7%	16.7% #D1ADB5	RGB 209 173 181	#D1ADB5
33.3%	33.3% #D7B8BF	RGB 215 184 191	#D7B8BF
50.0%	50.0% #DDC3C9	RGB 221 195 201	#DDC3C9
66.7%	66.7% #E3CED3	RGB 227 206 211	#E3CED3
83.3%	83.3% #E9D9DD	RGB 233 217 221	#E9D9DD
100.0%	100.0% #F0E4E7	RGB 240 228 231	#F0E4E7

#CBA3AC #D1ADB5 #D7B8BF #DDC3C9 #E3CED3 #E9D9DD #F0E4E7

#CBA3AC - #F0E4E7

HSV Blend

#CBA3AC - #F0E4E7 | 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 #CBA3AC as 0% and #F0E4E7 as 100%.

0.0%	0.0% #CBA3AC	RGB 203 163 172	#CBA3AC
16.7%	16.7% #D1ADB5	RGB 209 173 181	#D1ADB5
33.3%	33.3% #D7B7BE	RGB 215 183 190	#D7B7BE
50.0%	50.0% #DDC2C8	RGB 221 194 200	#DDC2C8
66.7%	66.7% #E3CDD2	RGB 227 205 210	#E3CDD2
83.3%	83.3% #E9D8DC	RGB 233 216 220	#E9D8DC
100.0%	100.0% #F0E4E7	RGB 240 228 231	#F0E4E7

#CBA3AC #D1ADB5 #D7B7BE #DDC2C8 #E3CDD2 #E9D8DC #F0E4E7

#CBA3AC - #DDC2C8 - #F0E4E7

CSS codes

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

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