#A2DADB - #4DB6AD | 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 #A2DADB to #4DB6AD

#A2DADB #4DB6AD

Calculate the color between two colors, #A2DADB and #4DB6AD. 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)

#A2DADB - #4DB6AD | 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 #A2DADB as 0% and #4DB6AD as 100%.

0.0%	0.0% #A2DADB	RGB 162 218 219	#A2DADB
16.7%	16.7% #93D4D3	RGB 147 212 211	#93D4D3
33.3%	33.3% #85CECB	RGB 133 206 203	#85CECB
50.0%	50.0% #77C8C4	RGB 119 200 196	#77C8C4
66.7%	66.7% #69C2BC	RGB 105 194 188	#69C2BC
83.3%	83.3% #5BBCB4	RGB 91 188 180	#5BBCB4
100.0%	100.0% #4DB6AD	RGB 77 182 173	#4DB6AD

#A2DADB #93D4D3 #85CECB #77C8C4 #69C2BC #5BBCB4 #4DB6AD

#A2DADB - #4DB6AD

HSV Blend

#A2DADB - #4DB6AD | 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 #A2DADB as 0% and #4DB6AD as 100%.

0.0%	0.0% #A2DADB	RGB 162 218 219	#A2DADB
16.7%	16.7% #92D4D4	RGB 146 212 212	#92D4D4
33.3%	33.3% #83CECD	RGB 131 206 205	#83CECD
50.0%	50.0% #74C8C5	RGB 116 200 197	#74C8C5
66.7%	66.7% #66C2BD	RGB 102 194 189	#66C2BD
83.3%	83.3% #59BCB5	RGB 89 188 181	#59BCB5
100.0%	100.0% #4DB6AD	RGB 77 182 173	#4DB6AD

#A2DADB #92D4D4 #83CECD #74C8C5 #66C2BD #59BCB5 #4DB6AD

#A2DADB - #74C8C5 - #4DB6AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2DADB 0%, #74C8C5 50%, #4DB6AD 100%);
    background: -webkit-linear-gradient(top, #A2DADB 0%, #74C8C5 50%, #4DB6AD 100%);
    background: linear-gradient(to bottom, #A2DADB 0%, #74C8C5 50%, #4DB6AD 100%);
}
</style>