#A8ECFF - #50B7E6 | 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 #A8ECFF to #50B7E6

#A8ECFF #50B7E6

Calculate the color between two colors, #A8ECFF and #50B7E6. 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)

#A8ECFF - #50B7E6 | 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 #A8ECFF as 0% and #50B7E6 as 100%.

0.0%	0.0% #A8ECFF	RGB 168 236 255	#A8ECFF
16.7%	16.7% #99E3FA	RGB 153 227 250	#99E3FA
33.3%	33.3% #8ADAF6	RGB 138 218 246	#8ADAF6
50.0%	50.0% #7CD1F2	RGB 124 209 242	#7CD1F2
66.7%	66.7% #6DC8EE	RGB 109 200 238	#6DC8EE
83.3%	83.3% #5EBFEA	RGB 94 191 234	#5EBFEA
100.0%	100.0% #50B7E6	RGB 80 183 230	#50B7E6

#A8ECFF #99E3FA #8ADAF6 #7CD1F2 #6DC8EE #5EBFEA #50B7E6

#A8ECFF - #50B7E6

HSV Blend

#A8ECFF - #50B7E6 | 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 #A8ECFF as 0% and #50B7E6 as 100%.

0.0%	0.0% #A8ECFF	RGB 168 236 255	#A8ECFF
16.7%	16.7% #98E3FA	RGB 152 227 250	#98E3FA
33.3%	33.3% #88DBF6	RGB 136 219 246	#88DBF6
50.0%	50.0% #7AD2F2	RGB 122 210 242	#7AD2F2
66.7%	66.7% #6BC9EE	RGB 107 201 238	#6BC9EE
83.3%	83.3% #5DC0EA	RGB 93 192 234	#5DC0EA
100.0%	100.0% #50B7E6	RGB 80 183 230	#50B7E6

#A8ECFF #98E3FA #88DBF6 #7AD2F2 #6BC9EE #5DC0EA #50B7E6

#A8ECFF - #7AD2F2 - #50B7E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ECFF 0%, #7AD2F2 50%, #50B7E6 100%);
    background: -webkit-linear-gradient(top, #A8ECFF 0%, #7AD2F2 50%, #50B7E6 100%);
    background: linear-gradient(to bottom, #A8ECFF 0%, #7AD2F2 50%, #50B7E6 100%);
}
</style>