#DCE4FF - #DBEBF7 | 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 #DCE4FF to #DBEBF7

#DCE4FF #DBEBF7

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

#DCE4FF - #DBEBF7 | 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 #DCE4FF as 0% and #DBEBF7 as 100%.

0.0%	0.0% #DCE4FF	RGB 220 228 255	#DCE4FF
16.7%	16.7% #DBE5FD	RGB 219 229 253	#DBE5FD
33.3%	33.3% #DBE6FC	RGB 219 230 252	#DBE6FC
50.0%	50.0% #DBE7FB	RGB 219 231 251	#DBE7FB
66.7%	66.7% #DBE8F9	RGB 219 232 249	#DBE8F9
83.3%	83.3% #DBE9F8	RGB 219 233 248	#DBE9F8
100.0%	100.0% #DBEBF7	RGB 219 235 247	#DBEBF7

#DCE4FF #DBE5FD #DBE6FC #DBE7FB #DBE8F9 #DBE9F8 #DBEBF7

#DCE4FF - #DBEBF7

HSV Blend

#DCE4FF - #DBEBF7 | 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 #DCE4FF as 0% and #DBEBF7 as 100%.

0.0%	0.0% #DCE4FF	RGB 220 228 255	#DCE4FF
16.7%	16.7% #DBE5FD	RGB 219 229 253	#DBE5FD
33.3%	33.3% #DBE6FC	RGB 219 230 252	#DBE6FC
50.0%	50.0% #DBE8FB	RGB 219 232 251	#DBE8FB
66.7%	66.7% #DBE9F9	RGB 219 233 249	#DBE9F9
83.3%	83.3% #DBEAF8	RGB 219 234 248	#DBEAF8
100.0%	100.0% #DBEBF7	RGB 219 235 247	#DBEBF7

#DCE4FF #DBE5FD #DBE6FC #DBE8FB #DBE9F9 #DBEAF8 #DBEBF7

#DCE4FF - #DBE8FB - #DBEBF7

CSS codes

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

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