#DFEBFF - #8FB6E6 | 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 #DFEBFF to #8FB6E6

#DFEBFF #8FB6E6

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

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

0.0%	0.0% #DFEBFF	RGB 223 235 255	#DFEBFF
16.7%	16.7% #D1E2FA	RGB 209 226 250	#D1E2FA
33.3%	33.3% #C4D9F6	RGB 196 217 246	#C4D9F6
50.0%	50.0% #B7D0F2	RGB 183 208 242	#B7D0F2
66.7%	66.7% #A9C7EE	RGB 169 199 238	#A9C7EE
83.3%	83.3% #9CBEEA	RGB 156 190 234	#9CBEEA
100.0%	100.0% #8FB6E6	RGB 143 182 230	#8FB6E6

#DFEBFF #D1E2FA #C4D9F6 #B7D0F2 #A9C7EE #9CBEEA #8FB6E6

#DFEBFF - #8FB6E6

HSV Blend

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

0.0%	0.0% #DFEBFF	RGB 223 235 255	#DFEBFF
16.7%	16.7% #D0E1FA	RGB 208 225 250	#D0E1FA
33.3%	33.3% #C2D7F6	RGB 194 215 246	#C2D7F6
50.0%	50.0% #B5CEF2	RGB 181 206 242	#B5CEF2
66.7%	66.7% #A8C5EE	RGB 168 197 238	#A8C5EE
83.3%	83.3% #9BBDEA	RGB 155 189 234	#9BBDEA
100.0%	100.0% #8FB6E6	RGB 143 182 230	#8FB6E6

#DFEBFF #D0E1FA #C2D7F6 #B5CEF2 #A8C5EE #9BBDEA #8FB6E6

#DFEBFF - #B5CEF2 - #8FB6E6

CSS codes

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

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