#2D9EFF - #8CDBF5 | 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 #2D9EFF to #8CDBF5

#2D9EFF #8CDBF5

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

#2D9EFF - #8CDBF5 | 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 #2D9EFF as 0% and #8CDBF5 as 100%.

0.0%	0.0% #2D9EFF	RGB 45 158 255	#2D9EFF
16.7%	16.7% #3CA8FD	RGB 60 168 253	#3CA8FD
33.3%	33.3% #4CB2FB	RGB 76 178 251	#4CB2FB
50.0%	50.0% #5CBCFA	RGB 92 188 250	#5CBCFA
66.7%	66.7% #6CC6F8	RGB 108 198 248	#6CC6F8
83.3%	83.3% #7CD0F6	RGB 124 208 246	#7CD0F6
100.0%	100.0% #8CDBF5	RGB 140 219 245	#8CDBF5

#2D9EFF #3CA8FD #4CB2FB #5CBCFA #6CC6F8 #7CD0F6 #8CDBF5

#2D9EFF - #8CDBF5

HSV Blend

#2D9EFF - #8CDBF5 | 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 #2D9EFF as 0% and #8CDBF5 as 100%.

0.0%	0.0% #2C9EFF	RGB 44 158 255	#2C9EFF
16.7%	16.7% #3DABFD	RGB 61 171 253	#3DABFD
33.3%	33.3% #4DB7FB	RGB 77 183 251	#4DB7FB
50.0%	50.0% #5DC2FA	RGB 93 194 250	#5DC2FA
66.7%	66.7% #6DCBF8	RGB 109 203 248	#6DCBF8
83.3%	83.3% #7CD4F6	RGB 124 212 246	#7CD4F6
100.0%	100.0% #8CDBF5	RGB 140 219 245	#8CDBF5

#2C9EFF #3DABFD #4DB7FB #5DC2FA #6DCBF8 #7CD4F6 #8CDBF5

#2D9EFF - #5DC2FA - #8CDBF5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C9EFF 0%, #5DC2FA 50%, #8CDBF5 100%);
    background: -webkit-linear-gradient(top, #2C9EFF 0%, #5DC2FA 50%, #8CDBF5 100%);
    background: linear-gradient(to bottom, #2C9EFF 0%, #5DC2FA 50%, #8CDBF5 100%);
}
</style>