#CEC0CD - #C5C5E2 | 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 #CEC0CD to #C5C5E2

#CEC0CD #C5C5E2

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

#CEC0CD - #C5C5E2 | 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 #CEC0CD as 0% and #C5C5E2 as 100%.

0.0%	0.0% #CEC0CD	RGB 206 192 205	#CEC0CD
16.7%	16.7% #CCC0D0	RGB 204 192 208	#CCC0D0
33.3%	33.3% #CBC1D4	RGB 203 193 212	#CBC1D4
50.0%	50.0% #C9C2D7	RGB 201 194 215	#C9C2D7
66.7%	66.7% #C8C3DB	RGB 200 195 219	#C8C3DB
83.3%	83.3% #C6C4DE	RGB 198 196 222	#C6C4DE
100.0%	100.0% #C5C5E2	RGB 197 197 226	#C5C5E2

#CEC0CD #CCC0D0 #CBC1D4 #C9C2D7 #C8C3DB #C6C4DE #C5C5E2

#CEC0CD - #C5C5E2

HSV Blend

#CEC0CD - #C5C5E2 | 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 #CEC0CD as 0% and #C5C5E2 as 100%.

0.0%	0.0% #CEC0CD	RGB 206 192 205	#CEC0CD
16.7%	16.7% #CFC1D1	RGB 207 193 209	#CFC1D1
33.3%	33.3% #CFC1D4	RGB 207 193 212	#CFC1D4
50.0%	50.0% #CEC2D8	RGB 206 194 216	#CEC2D8
66.7%	66.7% #CCC3DB	RGB 204 195 219	#CCC3DB
83.3%	83.3% #C9C4DE	RGB 201 196 222	#C9C4DE
100.0%	100.0% #C5C5E2	RGB 197 197 226	#C5C5E2

#CEC0CD #CFC1D1 #CFC1D4 #CEC2D8 #CCC3DB #C9C4DE #C5C5E2

#CEC0CD - #CEC2D8 - #C5C5E2

CSS codes

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

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