#CCA8C2 - #FFC0C2 | 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 #CCA8C2 to #FFC0C2

#CCA8C2 #FFC0C2

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

#CCA8C2 - #FFC0C2 | 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 #CCA8C2 as 0% and #FFC0C2 as 100%.

0.0%	0.0% #CCA8C2	RGB 204 168 194	#CCA8C2
16.7%	16.7% #D4ACC2	RGB 212 172 194	#D4ACC2
33.3%	33.3% #DDB0C2	RGB 221 176 194	#DDB0C2
50.0%	50.0% #E5B4C2	RGB 229 180 194	#E5B4C2
66.7%	66.7% #EEB8C2	RGB 238 184 194	#EEB8C2
83.3%	83.3% #F6BCC2	RGB 246 188 194	#F6BCC2
100.0%	100.0% #FFC0C2	RGB 255 192 194	#FFC0C2

#CCA8C2 #D4ACC2 #DDB0C2 #E5B4C2 #EEB8C2 #F6BCC2 #FFC0C2

#CCA8C2 - #FFC0C2

HSV Blend

#CCA8C2 - #FFC0C2 | 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 #CCA8C2 as 0% and #FFC0C2 as 100%.

0.0%	0.0% #CCA8C2	RGB 204 168 194	#CCA8C2
16.7%	16.7% #D4ACC4	RGB 212 172 196	#D4ACC4
33.3%	33.3% #DDB0C6	RGB 221 176 198	#DDB0C6
50.0%	50.0% #E5B4C7	RGB 229 180 199	#E5B4C7
66.7%	66.7% #EEB8C6	RGB 238 184 198	#EEB8C6
83.3%	83.3% #F6BCC5	RGB 246 188 197	#F6BCC5
100.0%	100.0% #FFC0C2	RGB 255 192 194	#FFC0C2

#CCA8C2 #D4ACC4 #DDB0C6 #E5B4C7 #EEB8C6 #F6BCC5 #FFC0C2

#CCA8C2 - #E5B4C7 - #FFC0C2

CSS codes

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

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