#A1E8C7 - #3CBD97 | 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 #A1E8C7 to #3CBD97

#A1E8C7 #3CBD97

Calculate the color between two colors, #A1E8C7 and #3CBD97. 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)

#A1E8C7 - #3CBD97 | 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 #A1E8C7 as 0% and #3CBD97 as 100%.

0.0%	0.0% #A1E8C7	RGB 161 232 199	#A1E8C7
16.7%	16.7% #90E0BF	RGB 144 224 191	#90E0BF
33.3%	33.3% #7FD9B7	RGB 127 217 183	#7FD9B7
50.0%	50.0% #6ED2AF	RGB 110 210 175	#6ED2AF
66.7%	66.7% #5DCBA7	RGB 93 203 167	#5DCBA7
83.3%	83.3% #4CC49F	RGB 76 196 159	#4CC49F
100.0%	100.0% #3CBD97	RGB 60 189 151	#3CBD97

#A1E8C7 #90E0BF #7FD9B7 #6ED2AF #5DCBA7 #4CC49F #3CBD97

#A1E8C7 - #3CBD97

HSV Blend

#A1E8C7 - #3CBD97 | 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 #A1E8C7 as 0% and #3CBD97 as 100%.

0.0%	0.0% #A1E8C7	RGB 161 232 199	#A1E8C7
16.7%	16.7% #8DE0BC	RGB 141 224 188	#8DE0BC
33.3%	33.3% #7BD9B3	RGB 123 217 179	#7BD9B3
50.0%	50.0% #6AD2AA	RGB 106 210 170	#6AD2AA
66.7%	66.7% #5ACBA3	RGB 90 203 163	#5ACBA3
83.3%	83.3% #4AC49C	RGB 74 196 156	#4AC49C
100.0%	100.0% #3CBD97	RGB 60 189 151	#3CBD97

#A1E8C7 #8DE0BC #7BD9B3 #6AD2AA #5ACBA3 #4AC49C #3CBD97

#A1E8C7 - #6AD2AA - #3CBD97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1E8C7 0%, #6AD2AA 50%, #3CBD97 100%);
    background: -webkit-linear-gradient(top, #A1E8C7 0%, #6AD2AA 50%, #3CBD97 100%);
    background: linear-gradient(to bottom, #A1E8C7 0%, #6AD2AA 50%, #3CBD97 100%);
}
</style>