#A2DBDC - #32AEB0 | 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 #A2DBDC to #32AEB0

#A2DBDC #32AEB0

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

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

0.0%	0.0% #A2DBDC	RGB 162 219 220	#A2DBDC
16.7%	16.7% #8FD3D4	RGB 143 211 212	#8FD3D4
33.3%	33.3% #7CCCCD	RGB 124 204 205	#7CCCCD
50.0%	50.0% #6AC4C6	RGB 106 196 198	#6AC4C6
66.7%	66.7% #57BDBE	RGB 87 189 190	#57BDBE
83.3%	83.3% #44B5B7	RGB 68 181 183	#44B5B7
100.0%	100.0% #32AEB0	RGB 50 174 176	#32AEB0

#A2DBDC #8FD3D4 #7CCCCD #6AC4C6 #57BDBE #44B5B7 #32AEB0

#A2DBDC - #32AEB0

HSV Blend

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

0.0%	0.0% #A2DBDC	RGB 162 219 220	#A2DBDC
16.7%	16.7% #8CD3D4	RGB 140 211 212	#8CD3D4
33.3%	33.3% #78CBCD	RGB 120 203 205	#78CBCD
50.0%	50.0% #65C4C6	RGB 101 196 198	#65C4C6
66.7%	66.7% #52BCBE	RGB 82 188 190	#52BCBE
83.3%	83.3% #41B5B7	RGB 65 181 183	#41B5B7
100.0%	100.0% #32AEB0	RGB 50 174 176	#32AEB0

#A2DBDC #8CD3D4 #78CBCD #65C4C6 #52BCBE #41B5B7 #32AEB0

#A2DBDC - #65C4C6 - #32AEB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2DBDC 0%, #65C4C6 50%, #32AEB0 100%);
    background: -webkit-linear-gradient(top, #A2DBDC 0%, #65C4C6 50%, #32AEB0 100%);
    background: linear-gradient(to bottom, #A2DBDC 0%, #65C4C6 50%, #32AEB0 100%);
}
</style>