#CCC6DB - #DBE0DB | 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 #CCC6DB to #DBE0DB

#CCC6DB #DBE0DB

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

#CCC6DB - #DBE0DB | 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 #CCC6DB as 0% and #DBE0DB as 100%.

0.0%	0.0% #CCC6DB	RGB 204 198 219	#CCC6DB
16.7%	16.7% #CECADB	RGB 206 202 219	#CECADB
33.3%	33.3% #D1CEDB	RGB 209 206 219	#D1CEDB
50.0%	50.0% #D3D3DB	RGB 211 211 219	#D3D3DB
66.7%	66.7% #D6D7DB	RGB 214 215 219	#D6D7DB
83.3%	83.3% #D8DBDB	RGB 216 219 219	#D8DBDB
100.0%	100.0% #DBE0DB	RGB 219 224 219	#DBE0DB

#CCC6DB #CECADB #D1CEDB #D3D3DB #D6D7DB #D8DBDB #DBE0DB

#CCC6DB - #DBE0DB

HSV Blend

#CCC6DB - #DBE0DB | 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 #CCC6DB as 0% and #DBE0DB as 100%.

0.0%	0.0% #CCC6DB	RGB 204 198 219	#CCC6DB
16.7%	16.7% #C9CBDB	RGB 201 203 219	#C9CBDB
33.3%	33.3% #CCD4DC	RGB 204 212 220	#CCD4DC
50.0%	50.0% #D0DBDD	RGB 208 219 221	#D0DBDD
66.7%	66.7% #D3DEDB	RGB 211 222 219	#D3DEDB
83.3%	83.3% #D7DFDA	RGB 215 223 218	#D7DFDA
100.0%	100.0% #DBE0DB	RGB 219 224 219	#DBE0DB

#CCC6DB #C9CBDB #CCD4DC #D0DBDD #D3DEDB #D7DFDA #DBE0DB

#CCC6DB - #D0DBDD - #DBE0DB

CSS codes

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

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