#CBA0A4 - #F0E3E5 | 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 #CBA0A4 to #F0E3E5

#CBA0A4 #F0E3E5

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

#CBA0A4 - #F0E3E5 | 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 #CBA0A4 as 0% and #F0E3E5 as 100%.

0.0%	0.0% #CBA0A4	RGB 203 160 164	#CBA0A4
16.7%	16.7% #D1ABAE	RGB 209 171 174	#D1ABAE
33.3%	33.3% #D7B6B9	RGB 215 182 185	#D7B6B9
50.0%	50.0% #DDC1C4	RGB 221 193 196	#DDC1C4
66.7%	66.7% #E3CCCF	RGB 227 204 207	#E3CCCF
83.3%	83.3% #E9D7DA	RGB 233 215 218	#E9D7DA
100.0%	100.0% #F0E3E5	RGB 240 227 229	#F0E3E5

#CBA0A4 #D1ABAE #D7B6B9 #DDC1C4 #E3CCCF #E9D7DA #F0E3E5

#CBA0A4 - #F0E3E5

HSV Blend

#CBA0A4 - #F0E3E5 | 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 #CBA0A4 as 0% and #F0E3E5 as 100%.

0.0%	0.0% #CBA0A4	RGB 203 160 164	#CBA0A4
16.7%	16.7% #D1AAAE	RGB 209 170 174	#D1AAAE
33.3%	33.3% #D7B5B8	RGB 215 181 184	#D7B5B8
50.0%	50.0% #DDC0C3	RGB 221 192 195	#DDC0C3
66.7%	66.7% #E3CBCE	RGB 227 203 206	#E3CBCE
83.3%	83.3% #E9D7D9	RGB 233 215 217	#E9D7D9
100.0%	100.0% #F0E3E5	RGB 240 227 229	#F0E3E5

#CBA0A4 #D1AAAE #D7B5B8 #DDC0C3 #E3CBCE #E9D7D9 #F0E3E5

#CBA0A4 - #DDC0C3 - #F0E3E5

CSS codes

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

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