#A8EEEE - #32CACC | 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 #A8EEEE to #32CACC

#A8EEEE #32CACC

Calculate the color between two colors, #A8EEEE and #32CACC. 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)

#A8EEEE - #32CACC | 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 #A8EEEE as 0% and #32CACC as 100%.

0.0%	0.0% #A8EEEE	RGB 168 238 238	#A8EEEE
16.7%	16.7% #94E8E8	RGB 148 232 232	#94E8E8
33.3%	33.3% #80E2E2	RGB 128 226 226	#80E2E2
50.0%	50.0% #6DDCDD	RGB 109 220 221	#6DDCDD
66.7%	66.7% #59D6D7	RGB 89 214 215	#59D6D7
83.3%	83.3% #45D0D1	RGB 69 208 209	#45D0D1
100.0%	100.0% #32CACC	RGB 50 202 204	#32CACC

#A8EEEE #94E8E8 #80E2E2 #6DDCDD #59D6D7 #45D0D1 #32CACC

#A8EEEE - #32CACC

HSV Blend

#A8EEEE - #32CACC | 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 #A8EEEE as 0% and #32CACC as 100%.

0.0%	0.0% #A8EEEE	RGB 168 238 238	#A8EEEE
16.7%	16.7% #92E8E8	RGB 146 232 232	#92E8E8
33.3%	33.3% #7DE2E2	RGB 125 226 226	#7DE2E2
50.0%	50.0% #69DCDD	RGB 105 220 221	#69DCDD
66.7%	66.7% #55D6D7	RGB 85 214 215	#55D6D7
83.3%	83.3% #43D0D1	RGB 67 208 209	#43D0D1
100.0%	100.0% #32CACC	RGB 50 202 204	#32CACC

#A8EEEE #92E8E8 #7DE2E2 #69DCDD #55D6D7 #43D0D1 #32CACC

#A8EEEE - #69DCDD - #32CACC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8EEEE 0%, #69DCDD 50%, #32CACC 100%);
    background: -webkit-linear-gradient(top, #A8EEEE 0%, #69DCDD 50%, #32CACC 100%);
    background: linear-gradient(to bottom, #A8EEEE 0%, #69DCDD 50%, #32CACC 100%);
}
</style>