#EDF9F7 - #8BD4D0 | 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 #EDF9F7 to #8BD4D0

#EDF9F7 #8BD4D0

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

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

0.0%	0.0% #EDF9F7	RGB 237 249 247	#EDF9F7
16.7%	16.7% #DCF2F0	RGB 220 242 240	#DCF2F0
33.3%	33.3% #CCECEA	RGB 204 236 234	#CCECEA
50.0%	50.0% #BCE6E3	RGB 188 230 227	#BCE6E3
66.7%	66.7% #ABE0DD	RGB 171 224 221	#ABE0DD
83.3%	83.3% #9BDAD6	RGB 155 218 214	#9BDAD6
100.0%	100.0% #8BD4D0	RGB 139 212 208	#8BD4D0

#EDF9F7 #DCF2F0 #CCECEA #BCE6E3 #ABE0DD #9BDAD6 #8BD4D0

#EDF9F7 - #8BD4D0

HSV Blend

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

0.0%	0.0% #EDF9F7	RGB 237 249 247	#EDF9F7
16.7%	16.7% #DBF2EF	RGB 219 242 239	#DBF2EF
33.3%	33.3% #C9ECE8	RGB 201 236 232	#C9ECE8
50.0%	50.0% #B9E6E1	RGB 185 230 225	#B9E6E1
66.7%	66.7% #A9E0DB	RGB 169 224 219	#A9E0DB
83.3%	83.3% #99DAD5	RGB 153 218 213	#99DAD5
100.0%	100.0% #8BD4D0	RGB 139 212 208	#8BD4D0

#EDF9F7 #DBF2EF #C9ECE8 #B9E6E1 #A9E0DB #99DAD5 #8BD4D0

#EDF9F7 - #B9E6E1 - #8BD4D0

CSS codes

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

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