#CECBD1 - #C5D0E4 | 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 #CECBD1 to #C5D0E4

#CECBD1 #C5D0E4

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

#CECBD1 - #C5D0E4 | 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 #CECBD1 as 0% and #C5D0E4 as 100%.

0.0%	0.0% #CECBD1	RGB 206 203 209	#CECBD1
16.7%	16.7% #CCCBD4	RGB 204 203 212	#CCCBD4
33.3%	33.3% #CBCCD7	RGB 203 204 215	#CBCCD7
50.0%	50.0% #C9CDDA	RGB 201 205 218	#C9CDDA
66.7%	66.7% #C8CEDD	RGB 200 206 221	#C8CEDD
83.3%	83.3% #C6CFE0	RGB 198 207 224	#C6CFE0
100.0%	100.0% #C5D0E4	RGB 197 208 228	#C5D0E4

#CECBD1 #CCCBD4 #CBCCD7 #C9CDDA #C8CEDD #C6CFE0 #C5D0E4

#CECBD1 - #C5D0E4

HSV Blend

#CECBD1 - #C5D0E4 | 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 #CECBD1 as 0% and #C5D0E4 as 100%.

0.0%	0.0% #CECBD1	RGB 206 203 209	#CECBD1
16.7%	16.7% #CDCAD4	RGB 205 202 212	#CDCAD4
33.3%	33.3% #CCC9D7	RGB 204 201 215	#CCC9D7
50.0%	50.0% #C9C8DA	RGB 201 200 218	#C9C8DA
66.7%	66.7% #C7C9DD	RGB 199 201 221	#C7C9DD
83.3%	83.3% #C6CBE0	RGB 198 203 224	#C6CBE0
100.0%	100.0% #C5D0E4	RGB 197 208 228	#C5D0E4

#CECBD1 #CDCAD4 #CCC9D7 #C9C8DA #C7C9DD #C6CBE0 #C5D0E4

#CECBD1 - #C9C8DA - #C5D0E4

CSS codes

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

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