#4D9AFF - #99D4F6 | 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 #4D9AFF to #99D4F6

#4D9AFF #99D4F6

Calculate the color between two colors, #4D9AFF and #99D4F6. 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)

#4D9AFF - #99D4F6 | 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 #4D9AFF as 0% and #99D4F6 as 100%.

0.0%	0.0% #4D9AFF	RGB 77 154 255	#4D9AFF
16.7%	16.7% #59A3FD	RGB 89 163 253	#59A3FD
33.3%	33.3% #66ADFC	RGB 102 173 252	#66ADFC
50.0%	50.0% #73B7FA	RGB 115 183 250	#73B7FA
66.7%	66.7% #7FC0F9	RGB 127 192 249	#7FC0F9
83.3%	83.3% #8CCAF7	RGB 140 202 247	#8CCAF7
100.0%	100.0% #99D4F6	RGB 153 212 246	#99D4F6

#4D9AFF #59A3FD #66ADFC #73B7FA #7FC0F9 #8CCAF7 #99D4F6

#4D9AFF - #99D4F6

HSV Blend

#4D9AFF - #99D4F6 | 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 #4D9AFF as 0% and #99D4F6 as 100%.

0.0%	0.0% #4D9AFF	RGB 77 154 255	#4D9AFF
16.7%	16.7% #5AA6FD	RGB 90 166 253	#5AA6FD
33.3%	33.3% #66B1FC	RGB 102 177 252	#66B1FC
50.0%	50.0% #73BBFA	RGB 115 187 250	#73BBFA
66.7%	66.7% #80C4F9	RGB 128 196 249	#80C4F9
83.3%	83.3% #8CCCF7	RGB 140 204 247	#8CCCF7
100.0%	100.0% #99D4F6	RGB 153 212 246	#99D4F6

#4D9AFF #5AA6FD #66B1FC #73BBFA #80C4F9 #8CCCF7 #99D4F6

#4D9AFF - #73BBFA - #99D4F6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D9AFF 0%, #73BBFA 50%, #99D4F6 100%);
    background: -webkit-linear-gradient(top, #4D9AFF 0%, #73BBFA 50%, #99D4F6 100%);
    background: linear-gradient(to bottom, #4D9AFF 0%, #73BBFA 50%, #99D4F6 100%);
}
</style>