#CEBBCD - #CFC4E5 | 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 #CEBBCD to #CFC4E5

#CEBBCD #CFC4E5

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

#CEBBCD - #CFC4E5 | 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 #CEBBCD as 0% and #CFC4E5 as 100%.

0.0%	0.0% #CEBBCD	RGB 206 187 205	#CEBBCD
16.7%	16.7% #CEBCD1	RGB 206 188 209	#CEBCD1
33.3%	33.3% #CEBED5	RGB 206 190 213	#CEBED5
50.0%	50.0% #CEBFD9	RGB 206 191 217	#CEBFD9
66.7%	66.7% #CEC1DD	RGB 206 193 221	#CEC1DD
83.3%	83.3% #CEC2E1	RGB 206 194 225	#CEC2E1
100.0%	100.0% #CFC4E5	RGB 207 196 229	#CFC4E5

#CEBBCD #CEBCD1 #CEBED5 #CEBFD9 #CEC1DD #CEC2E1 #CFC4E5

#CEBBCD - #CFC4E5

HSV Blend

#CEBBCD - #CFC4E5 | 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 #CEBBCD as 0% and #CFC4E5 as 100%.

0.0%	0.0% #CEBBCD	RGB 206 187 205	#CEBBCD
16.7%	16.7% #D0BCD1	RGB 208 188 209	#D0BCD1
33.3%	33.3% #D1BED5	RGB 209 190 213	#D1BED5
50.0%	50.0% #D1BFD9	RGB 209 191 217	#D1BFD9
66.7%	66.7% #D1C1DD	RGB 209 193 221	#D1C1DD
83.3%	83.3% #D0C2E1	RGB 208 194 225	#D0C2E1
100.0%	100.0% #CFC4E5	RGB 207 196 229	#CFC4E5

#CEBBCD #D0BCD1 #D1BED5 #D1BFD9 #D1C1DD #D0C2E1 #CFC4E5

#CEBBCD - #D1BFD9 - #CFC4E5

CSS codes

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

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