#C3BBCF - #DEEBDB | 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 #C3BBCF to #DEEBDB

#C3BBCF #DEEBDB

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

#C3BBCF - #DEEBDB | 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 #C3BBCF as 0% and #DEEBDB as 100%.

0.0%	0.0% #C3BBCF	RGB 195 187 207	#C3BBCF
16.7%	16.7% #C7C3D1	RGB 199 195 209	#C7C3D1
33.3%	33.3% #CCCBD3	RGB 204 203 211	#CCCBD3
50.0%	50.0% #D0D3D5	RGB 208 211 213	#D0D3D5
66.7%	66.7% #D5DBD7	RGB 213 219 215	#D5DBD7
83.3%	83.3% #D9E3D9	RGB 217 227 217	#D9E3D9
100.0%	100.0% #DEEBDB	RGB 222 235 219	#DEEBDB

#C3BBCF #C7C3D1 #CCCBD3 #D0D3D5 #D5DBD7 #D9E3D9 #DEEBDB

#C3BBCF - #DEEBDB

HSV Blend

#C3BBCF - #DEEBDB | 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 #C3BBCF as 0% and #DEEBDB as 100%.

0.0%	0.0% #C3BBCF	RGB 195 187 207	#C3BBCF
16.7%	16.7% #C0C0D3	RGB 192 192 211	#C0C0D3
33.3%	33.3% #C5CED8	RGB 197 206 216	#C5CED8
50.0%	50.0% #CADBDD	RGB 202 219 221	#CADBDD
66.7%	66.7% #D0E1DB	RGB 208 225 219	#D0E1DB
83.3%	83.3% #D5E6D9	RGB 213 230 217	#D5E6D9
100.0%	100.0% #DEEBDB	RGB 222 235 219	#DEEBDB

#C3BBCF #C0C0D3 #C5CED8 #CADBDD #D0E1DB #D5E6D9 #DEEBDB

#C3BBCF - #CADBDD - #DEEBDB

CSS codes

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

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