#C2C2D4 - #FFCCCD | 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 #C2C2D4 to #FFCCCD

#C2C2D4 #FFCCCD

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

#C2C2D4 - #FFCCCD | 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 #C2C2D4 as 0% and #FFCCCD as 100%.

0.0%	0.0% #C2C2D4	RGB 194 194 212	#C2C2D4
16.7%	16.7% #CCC3D2	RGB 204 195 210	#CCC3D2
33.3%	33.3% #D6C5D1	RGB 214 197 209	#D6C5D1
50.0%	50.0% #E0C7D0	RGB 224 199 208	#E0C7D0
66.7%	66.7% #EAC8CF	RGB 234 200 207	#EAC8CF
83.3%	83.3% #F4CACE	RGB 244 202 206	#F4CACE
100.0%	100.0% #FFCCCD	RGB 255 204 205	#FFCCCD

#C2C2D4 #CCC3D2 #D6C5D1 #E0C7D0 #EAC8CF #F4CACE #FFCCCD

#C2C2D4 - #FFCCCD

HSV Blend

#C2C2D4 - #FFCCCD | 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 #C2C2D4 as 0% and #FFCCCD as 100%.

0.0%	0.0% #C2C2D4	RGB 194 194 212	#C2C2D4
16.7%	16.7% #CBC4DB	RGB 203 196 219	#CBC4DB
33.3%	33.3% #D8C6E2	RGB 216 198 226	#D8C6E2
50.0%	50.0% #E9C8E9	RGB 233 200 233	#E9C8E9
66.7%	66.7% #F0C9E4	RGB 240 201 228	#F0C9E4
83.3%	83.3% #F7CBDA	RGB 247 203 218	#F7CBDA
100.0%	100.0% #FFCCCD	RGB 255 204 205	#FFCCCD

#C2C2D4 #CBC4DB #D8C6E2 #E9C8E9 #F0C9E4 #F7CBDA #FFCCCD

#C2C2D4 - #E9C8E9 - #FFCCCD

CSS codes

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

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