#CCA8AD - #F0E6E7 | 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 #CCA8AD to #F0E6E7

#CCA8AD #F0E6E7

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

#CCA8AD - #F0E6E7 | 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 #CCA8AD as 0% and #F0E6E7 as 100%.

0.0%	0.0% #CCA8AD	RGB 204 168 173	#CCA8AD
16.7%	16.7% #D2B2B6	RGB 210 178 182	#D2B2B6
33.3%	33.3% #D8BCC0	RGB 216 188 192	#D8BCC0
50.0%	50.0% #DEC7CA	RGB 222 199 202	#DEC7CA
66.7%	66.7% #E4D1D3	RGB 228 209 211	#E4D1D3
83.3%	83.3% #EADBDD	RGB 234 219 221	#EADBDD
100.0%	100.0% #F0E6E7	RGB 240 230 231	#F0E6E7

#CCA8AD #D2B2B6 #D8BCC0 #DEC7CA #E4D1D3 #EADBDD #F0E6E7

#CCA8AD - #F0E6E7

HSV Blend

#CCA8AD - #F0E6E7 | 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 #CCA8AD as 0% and #F0E6E7 as 100%.

0.0%	0.0% #CCA8AD	RGB 204 168 173	#CCA8AD
16.7%	16.7% #D2B1B5	RGB 210 177 181	#D2B1B5
33.3%	33.3% #D8BBBF	RGB 216 187 191	#D8BBBF
50.0%	50.0% #DEC5C8	RGB 222 197 200	#DEC5C8
66.7%	66.7% #E4D0D2	RGB 228 208 210	#E4D0D2
83.3%	83.3% #EADADC	RGB 234 218 220	#EADADC
100.0%	100.0% #F0E6E7	RGB 240 230 231	#F0E6E7

#CCA8AD #D2B1B5 #D8BBBF #DEC5C8 #E4D0D2 #EADADC #F0E6E7

#CCA8AD - #DEC5C8 - #F0E6E7

CSS codes

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

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