#DBEDFF - #8AC0EF | 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 #DBEDFF to #8AC0EF

#DBEDFF #8AC0EF

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

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

0.0%	0.0% #DBEDFF	RGB 219 237 255	#DBEDFF
16.7%	16.7% #CDE5FC	RGB 205 229 252	#CDE5FC
33.3%	33.3% #C0DEF9	RGB 192 222 249	#C0DEF9
50.0%	50.0% #B2D6F7	RGB 178 214 247	#B2D6F7
66.7%	66.7% #A5CFF4	RGB 165 207 244	#A5CFF4
83.3%	83.3% #97C7F1	RGB 151 199 241	#97C7F1
100.0%	100.0% #8AC0EF	RGB 138 192 239	#8AC0EF

#DBEDFF #CDE5FC #C0DEF9 #B2D6F7 #A5CFF4 #97C7F1 #8AC0EF

#DBEDFF - #8AC0EF

HSV Blend

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

0.0%	0.0% #DBEDFF	RGB 219 237 255	#DBEDFF
16.7%	16.7% #CCE4FC	RGB 204 228 252	#CCE4FC
33.3%	33.3% #BEDDF9	RGB 190 221 249	#BEDDF9
50.0%	50.0% #B1D5F7	RGB 177 213 247	#B1D5F7
66.7%	66.7% #A3CEF4	RGB 163 206 244	#A3CEF4
83.3%	83.3% #96C6F1	RGB 150 198 241	#96C6F1
100.0%	100.0% #8AC0EF	RGB 138 192 239	#8AC0EF

#DBEDFF #CCE4FC #BEDDF9 #B1D5F7 #A3CEF4 #96C6F1 #8AC0EF

#DBEDFF - #B1D5F7 - #8AC0EF

CSS codes

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

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