#C3DBE6 - #DBD9FF | 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 #C3DBE6 to #DBD9FF

#C3DBE6 #DBD9FF

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

#C3DBE6 - #DBD9FF | 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 #C3DBE6 as 0% and #DBD9FF as 100%.

0.0%	0.0% #C3DBE6	RGB 195 219 230	#C3DBE6
16.7%	16.7% #C7DAEA	RGB 199 218 234	#C7DAEA
33.3%	33.3% #CBDAEE	RGB 203 218 238	#CBDAEE
50.0%	50.0% #CFDAF2	RGB 207 218 242	#CFDAF2
66.7%	66.7% #D3D9F6	RGB 211 217 246	#D3D9F6
83.3%	83.3% #D7D9FA	RGB 215 217 250	#D7D9FA
100.0%	100.0% #DBD9FF	RGB 219 217 255	#DBD9FF

#C3DBE6 #C7DAEA #CBDAEE #CFDAF2 #D3D9F6 #D7D9FA #DBD9FF

#C3DBE6 - #DBD9FF

HSV Blend

#C3DBE6 - #DBD9FF | 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 #C3DBE6 as 0% and #DBD9FF as 100%.

0.0%	0.0% #C3DBE6	RGB 195 219 230	#C3DBE6
16.7%	16.7% #C6DAEA	RGB 198 218 234	#C6DAEA
33.3%	33.3% #CADAEE	RGB 202 218 238	#CADAEE
50.0%	50.0% #CDD9F2	RGB 205 217 242	#CDD9F2
66.7%	66.7% #D1D8F6	RGB 209 216 246	#D1D8F6
83.3%	83.3% #D5D7FA	RGB 213 215 250	#D5D7FA
100.0%	100.0% #DBD9FF	RGB 219 217 255	#DBD9FF

#C3DBE6 #C6DAEA #CADAEE #CDD9F2 #D1D8F6 #D5D7FA #DBD9FF

#C3DBE6 - #CDD9F2 - #DBD9FF

CSS codes

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

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