#8FC5E6 - #DFEEF7 | 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 #8FC5E6 to #DFEEF7

#8FC5E6 #DFEEF7

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

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

0.0%	0.0% #8FC5E6	RGB 143 197 230	#8FC5E6
16.7%	16.7% #9CCBE8	RGB 156 203 232	#9CCBE8
33.3%	33.3% #A9D2EB	RGB 169 210 235	#A9D2EB
50.0%	50.0% #B7D9EE	RGB 183 217 238	#B7D9EE
66.7%	66.7% #C4E0F1	RGB 196 224 241	#C4E0F1
83.3%	83.3% #D1E7F4	RGB 209 231 244	#D1E7F4
100.0%	100.0% #DFEEF7	RGB 223 238 247	#DFEEF7

#8FC5E6 #9CCBE8 #A9D2EB #B7D9EE #C4E0F1 #D1E7F4 #DFEEF7

#8FC5E6 - #DFEEF7

HSV Blend

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

0.0%	0.0% #8FC5E6	RGB 143 197 230	#8FC5E6
16.7%	16.7% #9BCBE8	RGB 155 203 232	#9BCBE8
33.3%	33.3% #A8D2EB	RGB 168 210 235	#A8D2EB
50.0%	50.0% #B5D9EE	RGB 181 217 238	#B5D9EE
66.7%	66.7% #C3DFF1	RGB 195 223 241	#C3DFF1
83.3%	83.3% #D1E6F4	RGB 209 230 244	#D1E6F4
100.0%	100.0% #DFEEF7	RGB 223 238 247	#DFEEF7

#8FC5E6 #9BCBE8 #A8D2EB #B5D9EE #C3DFF1 #D1E6F4 #DFEEF7

#8FC5E6 - #B5D9EE - #DFEEF7

CSS codes

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

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