#C3BBCF - #DFEBDB | 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 #DFEBDB

#C3BBCF #DFEBDB

Calculate the color between two colors, #C3BBCF and #DFEBDB. 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 - #DFEBDB | 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 #DFEBDB 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% #D1D3D5	RGB 209 211 213	#D1D3D5
66.7%	66.7% #D5DBD7	RGB 213 219 215	#D5DBD7
83.3%	83.3% #DAE3D9	RGB 218 227 217	#DAE3D9
100.0%	100.0% #DFEBDB	RGB 223 235 219	#DFEBDB

#C3BBCF #C7C3D1 #CCCBD3 #D1D3D5 #D5DBD7 #DAE3D9 #DFEBDB

#C3BBCF - #DFEBDB

HSV Blend

#C3BBCF - #DFEBDB | 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 #DFEBDB as 100%.

0.0%	0.0% #C3BBCF	RGB 195 187 207	#C3BBCF
16.7%	16.7% #C0C1D3	RGB 192 193 211	#C0C1D3
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% #D5E6D8	RGB 213 230 216	#D5E6D8
100.0%	100.0% #DFEBDB	RGB 223 235 219	#DFEBDB

#C3BBCF #C0C1D3 #C5CED8 #CADBDD #D0E1DB #D5E6D8 #DFEBDB

#C3BBCF - #CADBDD - #DFEBDB

CSS codes

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

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