#EDFDFB - #8BDBD6 | 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 #EDFDFB to #8BDBD6

#EDFDFB #8BDBD6

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

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

0.0%	0.0% #EDFDFB	RGB 237 253 251	#EDFDFB
16.7%	16.7% #DCF7F4	RGB 220 247 244	#DCF7F4
33.3%	33.3% #CCF1EE	RGB 204 241 238	#CCF1EE
50.0%	50.0% #BCECE8	RGB 188 236 232	#BCECE8
66.7%	66.7% #ABE6E2	RGB 171 230 226	#ABE6E2
83.3%	83.3% #9BE0DC	RGB 155 224 220	#9BE0DC
100.0%	100.0% #8BDBD6	RGB 139 219 214	#8BDBD6

#EDFDFB #DCF7F4 #CCF1EE #BCECE8 #ABE6E2 #9BE0DC #8BDBD6

#EDFDFB - #8BDBD6

HSV Blend

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

0.0%	0.0% #EDFDFB	RGB 237 253 251	#EDFDFB
16.7%	16.7% #DBF7F4	RGB 219 247 244	#DBF7F4
33.3%	33.3% #CAF1ED	RGB 202 241 237	#CAF1ED
50.0%	50.0% #B9ECE7	RGB 185 236 231	#B9ECE7
66.7%	66.7% #A9E6E1	RGB 169 230 225	#A9E6E1
83.3%	83.3% #99E0DB	RGB 153 224 219	#99E0DB
100.0%	100.0% #8BDBD6	RGB 139 219 214	#8BDBD6

#EDFDFB #DBF7F4 #CAF1ED #B9ECE7 #A9E6E1 #99E0DB #8BDBD6

#EDFDFB - #B9ECE7 - #8BDBD6

CSS codes

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

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