#A8F7FF - #45C5D6 | 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 #A8F7FF to #45C5D6

#A8F7FF #45C5D6

Calculate the color between two colors, #A8F7FF and #45C5D6. 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)

#A8F7FF - #45C5D6 | 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 #A8F7FF as 0% and #45C5D6 as 100%.

0.0%	0.0% #A8F7FF	RGB 168 247 255	#A8F7FF
16.7%	16.7% #97EEF8	RGB 151 238 248	#97EEF8
33.3%	33.3% #87E6F1	RGB 135 230 241	#87E6F1
50.0%	50.0% #76DEEA	RGB 118 222 234	#76DEEA
66.7%	66.7% #66D5E3	RGB 102 213 227	#66D5E3
83.3%	83.3% #55CDDC	RGB 85 205 220	#55CDDC
100.0%	100.0% #45C5D6	RGB 69 197 214	#45C5D6

#A8F7FF #97EEF8 #87E6F1 #76DEEA #66D5E3 #55CDDC #45C5D6

#A8F7FF - #45C5D6

HSV Blend

#A8F7FF - #45C5D6 | 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 #A8F7FF as 0% and #45C5D6 as 100%.

0.0%	0.0% #A8F7FF	RGB 168 247 255	#A8F7FF
16.7%	16.7% #95EEF8	RGB 149 238 248	#95EEF8
33.3%	33.3% #83E6F1	RGB 131 230 241	#83E6F1
50.0%	50.0% #73DEEA	RGB 115 222 234	#73DEEA
66.7%	66.7% #62D5E3	RGB 98 213 227	#62D5E3
83.3%	83.3% #53CDDC	RGB 83 205 220	#53CDDC
100.0%	100.0% #45C5D6	RGB 69 197 214	#45C5D6

#A8F7FF #95EEF8 #83E6F1 #73DEEA #62D5E3 #53CDDC #45C5D6

#A8F7FF - #73DEEA - #45C5D6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8F7FF 0%, #73DEEA 50%, #45C5D6 100%);
    background: -webkit-linear-gradient(top, #A8F7FF 0%, #73DEEA 50%, #45C5D6 100%);
    background: linear-gradient(to bottom, #A8F7FF 0%, #73DEEA 50%, #45C5D6 100%);
}
</style>