#A8F1FA - #4CB2D5 | 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 #A8F1FA to #4CB2D5

#A8F1FA #4CB2D5

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

#A8F1FA - #4CB2D5 | 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 #A8F1FA as 0% and #4CB2D5 as 100%.

0.0%	0.0% #A8F1FA	RGB 168 241 250	#A8F1FA
16.7%	16.7% #98E6F3	RGB 152 230 243	#98E6F3
33.3%	33.3% #89DCED	RGB 137 220 237	#89DCED
50.0%	50.0% #7AD1E7	RGB 122 209 231	#7AD1E7
66.7%	66.7% #6AC7E1	RGB 106 199 225	#6AC7E1
83.3%	83.3% #5BBCDB	RGB 91 188 219	#5BBCDB
100.0%	100.0% #4CB2D5	RGB 76 178 213	#4CB2D5

#A8F1FA #98E6F3 #89DCED #7AD1E7 #6AC7E1 #5BBCDB #4CB2D5

#A8F1FA - #4CB2D5

HSV Blend

#A8F1FA - #4CB2D5 | 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 #A8F1FA as 0% and #4CB2D5 as 100%.

0.0%	0.0% #A8F1FA	RGB 168 241 250	#A8F1FA
16.7%	16.7% #97E7F3	RGB 151 231 243	#97E7F3
33.3%	33.3% #86DDED	RGB 134 221 237	#86DDED
50.0%	50.0% #77D2E7	RGB 119 210 231	#77D2E7
66.7%	66.7% #68C8E1	RGB 104 200 225	#68C8E1
83.3%	83.3% #59BDDB	RGB 89 189 219	#59BDDB
100.0%	100.0% #4CB2D5	RGB 76 178 213	#4CB2D5

#A8F1FA #97E7F3 #86DDED #77D2E7 #68C8E1 #59BDDB #4CB2D5

#A8F1FA - #77D2E7 - #4CB2D5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8F1FA 0%, #77D2E7 50%, #4CB2D5 100%);
    background: -webkit-linear-gradient(top, #A8F1FA 0%, #77D2E7 50%, #4CB2D5 100%);
    background: linear-gradient(to bottom, #A8F1FA 0%, #77D2E7 50%, #4CB2D5 100%);
}
</style>