#2DADA2 - #007B64 | 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 #2DADA2 to #007B64

#2DADA2 #007B64

Calculate the color between two colors, #2DADA2 and #007B64. 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)

#2DADA2 - #007B64 | 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 #2DADA2 as 0% and #007B64 as 100%.

0.0%	0.0% #2DADA2	RGB 45 173 162	#2DADA2
16.7%	16.7% #25A497	RGB 37 164 151	#25A497
33.3%	33.3% #1E9C8D	RGB 30 156 141	#1E9C8D
50.0%	50.0% #169483	RGB 22 148 131	#169483
66.7%	66.7% #0E8B78	RGB 14 139 120	#0E8B78
83.3%	83.3% #07836E	RGB 7 131 110	#07836E
100.0%	100.0% #007B64	RGB 0 123 100	#007B64

#2DADA2 #25A497 #1E9C8D #169483 #0E8B78 #07836E #007B64

#2DADA2 - #007B64

HSV Blend

#2DADA2 - #007B64 | 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 #2DADA2 as 0% and #007B64 as 100%.

0.0%	0.0% #2DADA2	RGB 45 173 162	#2DADA2
16.7%	16.7% #23A497	RGB 35 164 151	#23A497
33.3%	33.3% #1B9C8C	RGB 27 156 140	#1B9C8C
50.0%	50.0% #139482	RGB 19 148 130	#139482
66.7%	66.7% #0C8B78	RGB 12 139 120	#0C8B78
83.3%	83.3% #05836D	RGB 5 131 109	#05836D
100.0%	100.0% #007B64	RGB 0 123 100	#007B64

#2DADA2 #23A497 #1B9C8C #139482 #0C8B78 #05836D #007B64

#2DADA2 - #139482 - #007B64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DADA2 0%, #139482 50%, #007B64 100%);
    background: -webkit-linear-gradient(top, #2DADA2 0%, #139482 50%, #007B64 100%);
    background: linear-gradient(to bottom, #2DADA2 0%, #139482 50%, #007B64 100%);
}
</style>