#C8BBCF - #DBEBDB | 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 #C8BBCF to #DBEBDB

#C8BBCF #DBEBDB

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

#C8BBCF - #DBEBDB | 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 #C8BBCF as 0% and #DBEBDB as 100%.

0.0%	0.0% #C8BBCF	RGB 200 187 207	#C8BBCF
16.7%	16.7% #CBC3D1	RGB 203 195 209	#CBC3D1
33.3%	33.3% #CECBD3	RGB 206 203 211	#CECBD3
50.0%	50.0% #D1D3D5	RGB 209 211 213	#D1D3D5
66.7%	66.7% #D4DBD7	RGB 212 219 215	#D4DBD7
83.3%	83.3% #D7E3D9	RGB 215 227 217	#D7E3D9
100.0%	100.0% #DBEBDB	RGB 219 235 219	#DBEBDB

#C8BBCF #CBC3D1 #CECBD3 #D1D3D5 #D4DBD7 #D7E3D9 #DBEBDB

#C8BBCF - #DBEBDB

HSV Blend

#C8BBCF - #DBEBDB | 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 #C8BBCF as 0% and #DBEBDB as 100%.

0.0%	0.0% #C8BBCF	RGB 200 187 207	#C8BBCF
16.7%	16.7% #C4C0D3	RGB 196 192 211	#C4C0D3
33.3%	33.3% #C5C9D8	RGB 197 201 216	#C5C9D8
50.0%	50.0% #CAD7DD	RGB 202 215 221	#CAD7DD
66.7%	66.7% #D0E1DF	RGB 208 225 223	#D0E1DF
83.3%	83.3% #D5E6DC	RGB 213 230 220	#D5E6DC
100.0%	100.0% #DBEBDB	RGB 219 235 219	#DBEBDB

#C8BBCF #C4C0D3 #C5C9D8 #CAD7DD #D0E1DF #D5E6DC #DBEBDB

#C8BBCF - #CAD7DD - #DBEBDB

CSS codes

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

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