#CCC0CB - #C3C5E2 | 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 #CCC0CB to #C3C5E2

#CCC0CB #C3C5E2

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

#CCC0CB - #C3C5E2 | 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 #CCC0CB as 0% and #C3C5E2 as 100%.

0.0%	0.0% #CCC0CB	RGB 204 192 203	#CCC0CB
16.7%	16.7% #CAC0CE	RGB 202 192 206	#CAC0CE
33.3%	33.3% #C9C1D2	RGB 201 193 210	#C9C1D2
50.0%	50.0% #C7C2D6	RGB 199 194 214	#C7C2D6
66.7%	66.7% #C6C3DA	RGB 198 195 218	#C6C3DA
83.3%	83.3% #C4C4DE	RGB 196 196 222	#C4C4DE
100.0%	100.0% #C3C5E2	RGB 195 197 226	#C3C5E2

#CCC0CB #CAC0CE #C9C1D2 #C7C2D6 #C6C3DA #C4C4DE #C3C5E2

#CCC0CB - #C3C5E2

HSV Blend

#CCC0CB - #C3C5E2 | 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 #CCC0CB as 0% and #C3C5E2 as 100%.

0.0%	0.0% #CCC0CB	RGB 204 192 203	#CCC0CB
16.7%	16.7% #CEC0CF	RGB 206 192 207	#CEC0CF
33.3%	33.3% #CDC1D3	RGB 205 193 211	#CDC1D3
50.0%	50.0% #CCC1D7	RGB 204 193 215	#CCC1D7
66.7%	66.7% #CAC2DA	RGB 202 194 218	#CAC2DA
83.3%	83.3% #C6C2DE	RGB 198 194 222	#C6C2DE
100.0%	100.0% #C3C5E2	RGB 195 197 226	#C3C5E2

#CCC0CB #CEC0CF #CDC1D3 #CCC1D7 #CAC2DA #C6C2DE #C3C5E2

#CCC0CB - #CCC1D7 - #C3C5E2

CSS codes

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

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