#0DA8A8 - #A8F2B0 | 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 #0DA8A8 to #A8F2B0

#0DA8A8 #A8F2B0

Calculate the color between two colors, #0DA8A8 and #A8F2B0. 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)

#0DA8A8 - #A8F2B0 | 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 #0DA8A8 as 0% and #A8F2B0 as 100%.

0.0%	0.0% #0DA8A8	RGB 13 168 168	#0DA8A8
16.7%	16.7% #26B4A9	RGB 38 180 169	#26B4A9
33.3%	33.3% #40C0AA	RGB 64 192 170	#40C0AA
50.0%	50.0% #5ACDAC	RGB 90 205 172	#5ACDAC
66.7%	66.7% #74D9AD	RGB 116 217 173	#74D9AD
83.3%	83.3% #8EE5AE	RGB 142 229 174	#8EE5AE
100.0%	100.0% #A8F2B0	RGB 168 242 176	#A8F2B0

#0DA8A8 #26B4A9 #40C0AA #5ACDAC #74D9AD #8EE5AE #A8F2B0

#0DA8A8 - #A8F2B0

HSV Blend

#0DA8A8 - #A8F2B0 | 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 #0DA8A8 as 0% and #A8F2B0 as 100%.

0.0%	0.0% #0DA8A8	RGB 13 168 168	#0DA8A8
16.7%	16.7% #20B49E	RGB 32 180 158	#20B49E
33.3%	33.3% #36C097	RGB 54 192 151	#36C097
50.0%	50.0% #4FCD94	RGB 79 205 148	#4FCD94
66.7%	66.7% #6AD997	RGB 106 217 151	#6AD997
83.3%	83.3% #87E59F	RGB 135 229 159	#87E59F
100.0%	100.0% #A8F2B0	RGB 168 242 176	#A8F2B0

#0DA8A8 #20B49E #36C097 #4FCD94 #6AD997 #87E59F #A8F2B0

#0DA8A8 - #4FCD94 - #A8F2B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0DA8A8 0%, #4FCD94 50%, #A8F2B0 100%);
    background: -webkit-linear-gradient(top, #0DA8A8 0%, #4FCD94 50%, #A8F2B0 100%);
    background: linear-gradient(to bottom, #0DA8A8 0%, #4FCD94 50%, #A8F2B0 100%);
}
</style>