#00ACA2 - #AEFCAF | 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 #00ACA2 to #AEFCAF

#00ACA2 #AEFCAF

Calculate the color between two colors, #00ACA2 and #AEFCAF. 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)

#00ACA2 - #AEFCAF | 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 #00ACA2 as 0% and #AEFCAF as 100%.

0.0%	0.0% #00ACA2	RGB 0 172 162	#00ACA2
16.7%	16.7% #1DB9A4	RGB 29 185 164	#1DB9A4
33.3%	33.3% #3AC6A6	RGB 58 198 166	#3AC6A6
50.0%	50.0% #57D4A8	RGB 87 212 168	#57D4A8
66.7%	66.7% #74E1AA	RGB 116 225 170	#74E1AA
83.3%	83.3% #91EEAC	RGB 145 238 172	#91EEAC
100.0%	100.0% #AEFCAF	RGB 174 252 175	#AEFCAF

#00ACA2 #1DB9A4 #3AC6A6 #57D4A8 #74E1AA #91EEAC #AEFCAF

#00ACA2 - #AEFCAF

HSV Blend

#00ACA2 - #AEFCAF | 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 #00ACA2 as 0% and #AEFCAF as 100%.

0.0%	0.0% #00ACA2	RGB 0 172 162	#00ACA2
16.7%	16.7% #15B996	RGB 21 185 150	#15B996
33.3%	33.3% #2DC68E	RGB 45 198 142	#2DC68E
50.0%	50.0% #49D48B	RGB 73 212 139	#49D48B
66.7%	66.7% #67E18E	RGB 103 225 142	#67E18E
83.3%	83.3% #89EE9A	RGB 137 238 154	#89EE9A
100.0%	100.0% #AEFCAF	RGB 174 252 175	#AEFCAF

#00ACA2 #15B996 #2DC68E #49D48B #67E18E #89EE9A #AEFCAF

#00ACA2 - #49D48B - #AEFCAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00ACA2 0%, #49D48B 50%, #AEFCAF 100%);
    background: -webkit-linear-gradient(top, #00ACA2 0%, #49D48B 50%, #AEFCAF 100%);
    background: linear-gradient(to bottom, #00ACA2 0%, #49D48B 50%, #AEFCAF 100%);
}
</style>