#CEBBC7 - #D8C4E5 | 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 #CEBBC7 to #D8C4E5

#CEBBC7 #D8C4E5

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

#CEBBC7 - #D8C4E5 | 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 #CEBBC7 as 0% and #D8C4E5 as 100%.

0.0%	0.0% #CEBBC7	RGB 206 187 199	#CEBBC7
16.7%	16.7% #CFBCCC	RGB 207 188 204	#CFBCCC
33.3%	33.3% #D1BED1	RGB 209 190 209	#D1BED1
50.0%	50.0% #D3BFD6	RGB 211 191 214	#D3BFD6
66.7%	66.7% #D4C1DB	RGB 212 193 219	#D4C1DB
83.3%	83.3% #D6C2E0	RGB 214 194 224	#D6C2E0
100.0%	100.0% #D8C4E5	RGB 216 196 229	#D8C4E5

#CEBBC7 #CFBCCC #D1BED1 #D3BFD6 #D4C1DB #D6C2E0 #D8C4E5

#CEBBC7 - #D8C4E5

HSV Blend

#CEBBC7 - #D8C4E5 | 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 #CEBBC7 as 0% and #D8C4E5 as 100%.

0.0%	0.0% #CEBBC7	RGB 206 187 199	#CEBBC7
16.7%	16.7% #D1BCCC	RGB 209 188 204	#D1BCCC
33.3%	33.3% #D5BED2	RGB 213 190 210	#D5BED2
50.0%	50.0% #D9BFD9	RGB 217 191 217	#D9BFD9
66.7%	66.7% #D9C1DD	RGB 217 193 221	#D9C1DD
83.3%	83.3% #D9C2E1	RGB 217 194 225	#D9C2E1
100.0%	100.0% #D8C4E5	RGB 216 196 229	#D8C4E5

#CEBBC7 #D1BCCC #D5BED2 #D9BFD9 #D9C1DD #D9C2E1 #D8C4E5

#CEBBC7 - #D9BFD9 - #D8C4E5

CSS codes

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

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