#DBEFF9 - #8CB6DF | 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 #DBEFF9 to #8CB6DF

#DBEFF9 #8CB6DF

Calculate the color between two colors, #DBEFF9 and #8CB6DF. 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)

#DBEFF9 - #8CB6DF | 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 #DBEFF9 as 0% and #8CB6DF as 100%.

0.0%	0.0% #DBEFF9	RGB 219 239 249	#DBEFF9
16.7%	16.7% #CDE5F4	RGB 205 229 244	#CDE5F4
33.3%	33.3% #C0DCF0	RGB 192 220 240	#C0DCF0
50.0%	50.0% #B3D2EC	RGB 179 210 236	#B3D2EC
66.7%	66.7% #A6C9E7	RGB 166 201 231	#A6C9E7
83.3%	83.3% #99BFE3	RGB 153 191 227	#99BFE3
100.0%	100.0% #8CB6DF	RGB 140 182 223	#8CB6DF

#DBEFF9 #CDE5F4 #C0DCF0 #B3D2EC #A6C9E7 #99BFE3 #8CB6DF

#DBEFF9 - #8CB6DF

HSV Blend

#DBEFF9 - #8CB6DF | 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 #DBEFF9 as 0% and #8CB6DF as 100%.

0.0%	0.0% #DBEFF9	RGB 219 239 249	#DBEFF9
16.7%	16.7% #CCE6F4	RGB 204 230 244	#CCE6F4
33.3%	33.3% #BFDDF0	RGB 191 221 240	#BFDDF0
50.0%	50.0% #B1D3EC	RGB 177 211 236	#B1D3EC
66.7%	66.7% #A4CAE7	RGB 164 202 231	#A4CAE7
83.3%	83.3% #98C0E3	RGB 152 192 227	#98C0E3
100.0%	100.0% #8CB6DF	RGB 140 182 223	#8CB6DF

#DBEFF9 #CCE6F4 #BFDDF0 #B1D3EC #A4CAE7 #98C0E3 #8CB6DF

#DBEFF9 - #B1D3EC - #8CB6DF

CSS codes

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

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