#A8F1F7 - #47BDC9 | 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 #A8F1F7 to #47BDC9

#A8F1F7 #47BDC9

Calculate the color between two colors, #A8F1F7 and #47BDC9. 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)

#A8F1F7 - #47BDC9 | 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 #A8F1F7 as 0% and #47BDC9 as 100%.

0.0%	0.0% #A8F1F7	RGB 168 241 247	#A8F1F7
16.7%	16.7% #97E8EF	RGB 151 232 239	#97E8EF
33.3%	33.3% #87DFE7	RGB 135 223 231	#87DFE7
50.0%	50.0% #77D7E0	RGB 119 215 224	#77D7E0
66.7%	66.7% #67CED8	RGB 103 206 216	#67CED8
83.3%	83.3% #57C5D0	RGB 87 197 208	#57C5D0
100.0%	100.0% #47BDC9	RGB 71 189 201	#47BDC9

#A8F1F7 #97E8EF #87DFE7 #77D7E0 #67CED8 #57C5D0 #47BDC9

#A8F1F7 - #47BDC9

HSV Blend

#A8F1F7 - #47BDC9 | 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 #A8F1F7 as 0% and #47BDC9 as 100%.

0.0%	0.0% #A8F1F7	RGB 168 241 247	#A8F1F7
16.7%	16.7% #95E8EF	RGB 149 232 239	#95E8EF
33.3%	33.3% #84DFE7	RGB 132 223 231	#84DFE7
50.0%	50.0% #73D6E0	RGB 115 214 224	#73D6E0
66.7%	66.7% #63CED8	RGB 99 206 216	#63CED8
83.3%	83.3% #55C5D0	RGB 85 197 208	#55C5D0
100.0%	100.0% #47BDC9	RGB 71 189 201	#47BDC9

#A8F1F7 #95E8EF #84DFE7 #73D6E0 #63CED8 #55C5D0 #47BDC9

#A8F1F7 - #73D6E0 - #47BDC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8F1F7 0%, #73D6E0 50%, #47BDC9 100%);
    background: -webkit-linear-gradient(top, #A8F1F7 0%, #73D6E0 50%, #47BDC9 100%);
    background: linear-gradient(to bottom, #A8F1F7 0%, #73D6E0 50%, #47BDC9 100%);
}
</style>