#2D9A8B - #00674B | 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 #2D9A8B to #00674B

#2D9A8B #00674B

Calculate the color between two colors, #2D9A8B and #00674B. 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)

#2D9A8B - #00674B | 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 #2D9A8B as 0% and #00674B as 100%.

0.0%	0.0% #2D9A8B	RGB 45 154 139	#2D9A8B
16.7%	16.7% #259180	RGB 37 145 128	#259180
33.3%	33.3% #1E8975	RGB 30 137 117	#1E8975
50.0%	50.0% #16806B	RGB 22 128 107	#16806B
66.7%	66.7% #0E7860	RGB 14 120 96	#0E7860
83.3%	83.3% #076F55	RGB 7 111 85	#076F55
100.0%	100.0% #00674B	RGB 0 103 75	#00674B

#2D9A8B #259180 #1E8975 #16806B #0E7860 #076F55 #00674B

#2D9A8B - #00674B

HSV Blend

#2D9A8B - #00674B | 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 #2D9A8B as 0% and #00674B as 100%.

0.0%	0.0% #2D9A8B	RGB 45 154 139	#2D9A8B
16.7%	16.7% #23917F	RGB 35 145 127	#23917F
33.3%	33.3% #1A8974	RGB 26 137 116	#1A8974
50.0%	50.0% #12806A	RGB 18 128 106	#12806A
66.7%	66.7% #0B785F	RGB 11 120 95	#0B785F
83.3%	83.3% #056F55	RGB 5 111 85	#056F55
100.0%	100.0% #00674B	RGB 0 103 75	#00674B

#2D9A8B #23917F #1A8974 #12806A #0B785F #056F55 #00674B

#2D9A8B - #12806A - #00674B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D9A8B 0%, #12806A 50%, #00674B 100%);
    background: -webkit-linear-gradient(top, #2D9A8B 0%, #12806A 50%, #00674B 100%);
    background: linear-gradient(to bottom, #2D9A8B 0%, #12806A 50%, #00674B 100%);
}
</style>