#A2DAD8 - #33ACAB | 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 #A2DAD8 to #33ACAB

#A2DAD8 #33ACAB

Calculate the color between two colors, #A2DAD8 and #33ACAB. 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)

#A2DAD8 - #33ACAB | 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 #A2DAD8 as 0% and #33ACAB as 100%.

0.0%	0.0% #A2DAD8	RGB 162 218 216	#A2DAD8
16.7%	16.7% #8FD2D0	RGB 143 210 208	#8FD2D0
33.3%	33.3% #7DCAC9	RGB 125 202 201	#7DCAC9
50.0%	50.0% #6AC3C1	RGB 106 195 193	#6AC3C1
66.7%	66.7% #58BBBA	RGB 88 187 186	#58BBBA
83.3%	83.3% #45B3B2	RGB 69 179 178	#45B3B2
100.0%	100.0% #33ACAB	RGB 51 172 171	#33ACAB

#A2DAD8 #8FD2D0 #7DCAC9 #6AC3C1 #58BBBA #45B3B2 #33ACAB

#A2DAD8 - #33ACAB

HSV Blend

#A2DAD8 - #33ACAB | 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 #A2DAD8 as 0% and #33ACAB as 100%.

0.0%	0.0% #A2DAD8	RGB 162 218 216	#A2DAD8
16.7%	16.7% #8CD2D0	RGB 140 210 208	#8CD2D0
33.3%	33.3% #78CAC8	RGB 120 202 200	#78CAC8
50.0%	50.0% #65C3C0	RGB 101 195 192	#65C3C0
66.7%	66.7% #53BBB9	RGB 83 187 185	#53BBB9
83.3%	83.3% #42B3B2	RGB 66 179 178	#42B3B2
100.0%	100.0% #33ACAB	RGB 51 172 171	#33ACAB

#A2DAD8 #8CD2D0 #78CAC8 #65C3C0 #53BBB9 #42B3B2 #33ACAB

#A2DAD8 - #65C3C0 - #33ACAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2DAD8 0%, #65C3C0 50%, #33ACAB 100%);
    background: -webkit-linear-gradient(top, #A2DAD8 0%, #65C3C0 50%, #33ACAB 100%);
    background: linear-gradient(to bottom, #A2DAD8 0%, #65C3C0 50%, #33ACAB 100%);
}
</style>