#DBF8FF - #8ADFEF | 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 #DBF8FF to #8ADFEF

#DBF8FF #8ADFEF

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

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

0.0%	0.0% #DBF8FF	RGB 219 248 255	#DBF8FF
16.7%	16.7% #CDF3FC	RGB 205 243 252	#CDF3FC
33.3%	33.3% #C0EFF9	RGB 192 239 249	#C0EFF9
50.0%	50.0% #B2EBF7	RGB 178 235 247	#B2EBF7
66.7%	66.7% #A5E7F4	RGB 165 231 244	#A5E7F4
83.3%	83.3% #97E3F1	RGB 151 227 241	#97E3F1
100.0%	100.0% #8ADFEF	RGB 138 223 239	#8ADFEF

#DBF8FF #CDF3FC #C0EFF9 #B2EBF7 #A5E7F4 #97E3F1 #8ADFEF

#DBF8FF - #8ADFEF

HSV Blend

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

0.0%	0.0% #DBF8FF	RGB 219 248 255	#DBF8FF
16.7%	16.7% #CCF3FC	RGB 204 243 252	#CCF3FC
33.3%	33.3% #BEEEF9	RGB 190 238 249	#BEEEF9
50.0%	50.0% #B1EAF7	RGB 177 234 247	#B1EAF7
66.7%	66.7% #A3E6F4	RGB 163 230 244	#A3E6F4
83.3%	83.3% #96E2F1	RGB 150 226 241	#96E2F1
100.0%	100.0% #8ADFEF	RGB 138 223 239	#8ADFEF

#DBF8FF #CCF3FC #BEEEF9 #B1EAF7 #A3E6F4 #96E2F1 #8ADFEF

#DBF8FF - #B1EAF7 - #8ADFEF

CSS codes

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

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