#A2EDDB - #34C7B2 | 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 #A2EDDB to #34C7B2

#A2EDDB #34C7B2

Calculate the color between two colors, #A2EDDB and #34C7B2. 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)

#A2EDDB - #34C7B2 | 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 #A2EDDB as 0% and #34C7B2 as 100%.

0.0%	0.0% #A2EDDB	RGB 162 237 219	#A2EDDB
16.7%	16.7% #8FE6D4	RGB 143 230 212	#8FE6D4
33.3%	33.3% #7DE0CD	RGB 125 224 205	#7DE0CD
50.0%	50.0% #6BDAC6	RGB 107 218 198	#6BDAC6
66.7%	66.7% #58D3BF	RGB 88 211 191	#58D3BF
83.3%	83.3% #46CDB8	RGB 70 205 184	#46CDB8
100.0%	100.0% #34C7B2	RGB 52 199 178	#34C7B2

#A2EDDB #8FE6D4 #7DE0CD #6BDAC6 #58D3BF #46CDB8 #34C7B2

#A2EDDB - #34C7B2

HSV Blend

#A2EDDB - #34C7B2 | 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 #A2EDDB as 0% and #34C7B2 as 100%.

0.0%	0.0% #A2EDDB	RGB 162 237 219	#A2EDDB
16.7%	16.7% #8DE6D2	RGB 141 230 210	#8DE6D2
33.3%	33.3% #79E0CB	RGB 121 224 203	#79E0CB
50.0%	50.0% #66DAC3	RGB 102 218 195	#66DAC3
66.7%	66.7% #55D3BD	RGB 85 211 189	#55D3BD
83.3%	83.3% #44CDB7	RGB 68 205 183	#44CDB7
100.0%	100.0% #34C7B2	RGB 52 199 178	#34C7B2

#A2EDDB #8DE6D2 #79E0CB #66DAC3 #55D3BD #44CDB7 #34C7B2

#A2EDDB - #66DAC3 - #34C7B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2EDDB 0%, #66DAC3 50%, #34C7B2 100%);
    background: -webkit-linear-gradient(top, #A2EDDB 0%, #66DAC3 50%, #34C7B2 100%);
    background: linear-gradient(to bottom, #A2EDDB 0%, #66DAC3 50%, #34C7B2 100%);
}
</style>