#8CF3FD - #DBE4E7 | 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 #8CF3FD to #DBE4E7

#8CF3FD #DBE4E7

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

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

0.0%	0.0% #8CF3FD	RGB 140 243 253	#8CF3FD
16.7%	16.7% #99F0F9	RGB 153 240 249	#99F0F9
33.3%	33.3% #A6EEF5	RGB 166 238 245	#A6EEF5
50.0%	50.0% #B3EBF2	RGB 179 235 242	#B3EBF2
66.7%	66.7% #C0E9EE	RGB 192 233 238	#C0E9EE
83.3%	83.3% #CDE6EA	RGB 205 230 234	#CDE6EA
100.0%	100.0% #DBE4E7	RGB 219 228 231	#DBE4E7

#8CF3FD #99F0F9 #A6EEF5 #B3EBF2 #C0E9EE #CDE6EA #DBE4E7

#8CF3FD - #DBE4E7

HSV Blend

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

0.0%	0.0% #8CF3FD	RGB 140 243 253	#8CF3FD
16.7%	16.7% #9AEEF9	RGB 154 238 249	#9AEEF9
33.3%	33.3% #A8EAF5	RGB 168 234 245	#A8EAF5
50.0%	50.0% #B5E7F2	RGB 181 231 242	#B5E7F2
66.7%	66.7% #C2E5EE	RGB 194 229 238	#C2E5EE
83.3%	83.3% #CFE4EA	RGB 207 228 234	#CFE4EA
100.0%	100.0% #DBE4E7	RGB 219 228 231	#DBE4E7

#8CF3FD #9AEEF9 #A8EAF5 #B5E7F2 #C2E5EE #CFE4EA #DBE4E7

#8CF3FD - #B5E7F2 - #DBE4E7

CSS codes

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

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