#A2EDD9 - #35C7AF | 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 #A2EDD9 to #35C7AF

#A2EDD9 #35C7AF

Calculate the color between two colors, #A2EDD9 and #35C7AF. 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)

#A2EDD9 - #35C7AF | 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 #A2EDD9 as 0% and #35C7AF as 100%.

0.0%	0.0% #A2EDD9	RGB 162 237 217	#A2EDD9
16.7%	16.7% #8FE6D2	RGB 143 230 210	#8FE6D2
33.3%	33.3% #7DE0CB	RGB 125 224 203	#7DE0CB
50.0%	50.0% #6BDAC4	RGB 107 218 196	#6BDAC4
66.7%	66.7% #59D3BD	RGB 89 211 189	#59D3BD
83.3%	83.3% #47CDB6	RGB 71 205 182	#47CDB6
100.0%	100.0% #35C7AF	RGB 53 199 175	#35C7AF

#A2EDD9 #8FE6D2 #7DE0CB #6BDAC4 #59D3BD #47CDB6 #35C7AF

#A2EDD9 - #35C7AF

HSV Blend

#A2EDD9 - #35C7AF | 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 #A2EDD9 as 0% and #35C7AF as 100%.

0.0%	0.0% #A2EDD9	RGB 162 237 217	#A2EDD9
16.7%	16.7% #8DE6D0	RGB 141 230 208	#8DE6D0
33.3%	33.3% #7AE0C8	RGB 122 224 200	#7AE0C8
50.0%	50.0% #67DAC1	RGB 103 218 193	#67DAC1
66.7%	66.7% #55D3BA	RGB 85 211 186	#55D3BA
83.3%	83.3% #44CDB4	RGB 68 205 180	#44CDB4
100.0%	100.0% #35C7AF	RGB 53 199 175	#35C7AF

#A2EDD9 #8DE6D0 #7AE0C8 #67DAC1 #55D3BA #44CDB4 #35C7AF

#A2EDD9 - #67DAC1 - #35C7AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2EDD9 0%, #67DAC1 50%, #35C7AF 100%);
    background: -webkit-linear-gradient(top, #A2EDD9 0%, #67DAC1 50%, #35C7AF 100%);
    background: linear-gradient(to bottom, #A2EDD9 0%, #67DAC1 50%, #35C7AF 100%);
}
</style>