#A2DBDB - #32AEAF | 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 #A2DBDB to #32AEAF

#A2DBDB #32AEAF

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

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

0.0%	0.0% #A2DBDB	RGB 162 219 219	#A2DBDB
16.7%	16.7% #8FD3D3	RGB 143 211 211	#8FD3D3
33.3%	33.3% #7CCCCC	RGB 124 204 204	#7CCCCC
50.0%	50.0% #6AC4C5	RGB 106 196 197	#6AC4C5
66.7%	66.7% #57BDBD	RGB 87 189 189	#57BDBD
83.3%	83.3% #44B5B6	RGB 68 181 182	#44B5B6
100.0%	100.0% #32AEAF	RGB 50 174 175	#32AEAF

#A2DBDB #8FD3D3 #7CCCCC #6AC4C5 #57BDBD #44B5B6 #32AEAF

#A2DBDB - #32AEAF

HSV Blend

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

0.0%	0.0% #A2DBDB	RGB 162 219 219	#A2DBDB
16.7%	16.7% #8CD3D3	RGB 140 211 211	#8CD3D3
33.3%	33.3% #78CCCC	RGB 120 204 204	#78CCCC
50.0%	50.0% #65C4C5	RGB 101 196 197	#65C4C5
66.7%	66.7% #52BDBD	RGB 82 189 189	#52BDBD
83.3%	83.3% #41B5B6	RGB 65 181 182	#41B5B6
100.0%	100.0% #32AEAF	RGB 50 174 175	#32AEAF

#A2DBDB #8CD3D3 #78CCCC #65C4C5 #52BDBD #41B5B6 #32AEAF

#A2DBDB - #65C4C5 - #32AEAF

CSS codes

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

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