#CEC8CF - #C9C7E4 | 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 #CEC8CF to #C9C7E4

#CEC8CF #C9C7E4

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

#CEC8CF - #C9C7E4 | 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 #CEC8CF as 0% and #C9C7E4 as 100%.

0.0%	0.0% #CEC8CF	RGB 206 200 207	#CEC8CF
16.7%	16.7% #CDC7D2	RGB 205 199 210	#CDC7D2
33.3%	33.3% #CCC7D6	RGB 204 199 214	#CCC7D6
50.0%	50.0% #CBC7D9	RGB 203 199 217	#CBC7D9
66.7%	66.7% #CAC7DD	RGB 202 199 221	#CAC7DD
83.3%	83.3% #C9C7E0	RGB 201 199 224	#C9C7E0
100.0%	100.0% #C9C7E4	RGB 201 199 228	#C9C7E4

#CEC8CF #CDC7D2 #CCC7D6 #CBC7D9 #CAC7DD #C9C7E0 #C9C7E4

#CEC8CF - #C9C7E4

HSV Blend

#CEC8CF - #C9C7E4 | 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 #CEC8CF as 0% and #C9C7E4 as 100%.

0.0%	0.0% #CEC8CF	RGB 206 200 207	#CEC8CF
16.7%	16.7% #CFC8D2	RGB 207 200 210	#CFC8D2
33.3%	33.3% #D0C8D6	RGB 208 200 214	#D0C8D6
50.0%	50.0% #D0C7D9	RGB 208 199 217	#D0C7D9
66.7%	66.7% #CEC7DD	RGB 206 199 221	#CEC7DD
83.3%	83.3% #CCC7E0	RGB 204 199 224	#CCC7E0
100.0%	100.0% #C9C7E4	RGB 201 199 228	#C9C7E4

#CEC8CF #CFC8D2 #D0C8D6 #D0C7D9 #CEC7DD #CCC7E0 #C9C7E4

#CEC8CF - #D0C7D9 - #C9C7E4

CSS codes

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

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