#CCA8AA - #FFD7C5 | 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 #CCA8AA to #FFD7C5

#CCA8AA #FFD7C5

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

#CCA8AA - #FFD7C5 | 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 #CCA8AA as 0% and #FFD7C5 as 100%.

0.0%	0.0% #CCA8AA	RGB 204 168 170	#CCA8AA
16.7%	16.7% #D4AFAE	RGB 212 175 174	#D4AFAE
33.3%	33.3% #DDB7B3	RGB 221 183 179	#DDB7B3
50.0%	50.0% #E5BFB7	RGB 229 191 183	#E5BFB7
66.7%	66.7% #EEC7BC	RGB 238 199 188	#EEC7BC
83.3%	83.3% #F6CFC0	RGB 246 207 192	#F6CFC0
100.0%	100.0% #FFD7C5	RGB 255 215 197	#FFD7C5

#CCA8AA #D4AFAE #DDB7B3 #E5BFB7 #EEC7BC #F6CFC0 #FFD7C5

#CCA8AA - #FFD7C5

HSV Blend

#CCA8AA - #FFD7C5 | 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 #CCA8AA as 0% and #FFD7C5 as 100%.

0.0%	0.0% #CCA8AA	RGB 204 168 170	#CCA8AA
16.7%	16.7% #D4ADAD	RGB 212 173 173	#D4ADAD
33.3%	33.3% #DDB5B2	RGB 221 181 178	#DDB5B2
50.0%	50.0% #E5BDB7	RGB 229 189 183	#E5BDB7
66.7%	66.7% #EEC5BB	RGB 238 197 187	#EEC5BB
83.3%	83.3% #F6CDC0	RGB 246 205 192	#F6CDC0
100.0%	100.0% #FFD7C5	RGB 255 215 197	#FFD7C5

#CCA8AA #D4ADAD #DDB5B2 #E5BDB7 #EEC5BB #F6CDC0 #FFD7C5

#CCA8AA - #E5BDB7 - #FFD7C5

CSS codes

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

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