#00ADA3 - #AFFDAF | 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 #00ADA3 to #AFFDAF

#00ADA3 #AFFDAF

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

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

0.0%	0.0% #00ADA3	RGB 0 173 163	#00ADA3
16.7%	16.7% #1DBAA5	RGB 29 186 165	#1DBAA5
33.3%	33.3% #3AC7A7	RGB 58 199 167	#3AC7A7
50.0%	50.0% #57D5A9	RGB 87 213 169	#57D5A9
66.7%	66.7% #74E2AB	RGB 116 226 171	#74E2AB
83.3%	83.3% #91EFAD	RGB 145 239 173	#91EFAD
100.0%	100.0% #AFFDAF	RGB 175 253 175	#AFFDAF

#00ADA3 #1DBAA5 #3AC7A7 #57D5A9 #74E2AB #91EFAD #AFFDAF

#00ADA3 - #AFFDAF

HSV Blend

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

0.0%	0.0% #00ADA3	RGB 0 173 163	#00ADA3
16.7%	16.7% #15BA96	RGB 21 186 150	#15BA96
33.3%	33.3% #2EC78E	RGB 46 199 142	#2EC78E
50.0%	50.0% #49D58B	RGB 73 213 139	#49D58B
66.7%	66.7% #68E28E	RGB 104 226 142	#68E28E
83.3%	83.3% #8AEF9A	RGB 138 239 154	#8AEF9A
100.0%	100.0% #AFFDAF	RGB 175 253 175	#AFFDAF

#00ADA3 #15BA96 #2EC78E #49D58B #68E28E #8AEF9A #AFFDAF

#00ADA3 - #49D58B - #AFFDAF

CSS codes

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

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