#DAF8FF - #8DCDD8 | 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 #DAF8FF to #8DCDD8

#DAF8FF #8DCDD8

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

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

0.0%	0.0% #DAF8FF	RGB 218 248 255	#DAF8FF
16.7%	16.7% #CDF0F8	RGB 205 240 248	#CDF0F8
33.3%	33.3% #C0E9F2	RGB 192 233 242	#C0E9F2
50.0%	50.0% #B3E2EB	RGB 179 226 235	#B3E2EB
66.7%	66.7% #A6DBE5	RGB 166 219 229	#A6DBE5
83.3%	83.3% #99D4DE	RGB 153 212 222	#99D4DE
100.0%	100.0% #8DCDD8	RGB 141 205 216	#8DCDD8

#DAF8FF #CDF0F8 #C0E9F2 #B3E2EB #A6DBE5 #99D4DE #8DCDD8

#DAF8FF - #8DCDD8

HSV Blend

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

0.0%	0.0% #DAF8FF	RGB 218 248 255	#DAF8FF
16.7%	16.7% #CCF0F8	RGB 204 240 248	#CCF0F8
33.3%	33.3% #BEE9F2	RGB 190 233 242	#BEE9F2
50.0%	50.0% #B1E1EB	RGB 177 225 235	#B1E1EB
66.7%	66.7% #A4DAE5	RGB 164 218 229	#A4DAE5
83.3%	83.3% #98D3DE	RGB 152 211 222	#98D3DE
100.0%	100.0% #8DCDD8	RGB 141 205 216	#8DCDD8

#DAF8FF #CCF0F8 #BEE9F2 #B1E1EB #A4DAE5 #98D3DE #8DCDD8

#DAF8FF - #B1E1EB - #8DCDD8

CSS codes

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

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