#2D5E50 - #054433 | 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 #2D5E50 to #054433

#2D5E50 #054433

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

#2D5E50 - #054433 | 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 #2D5E50 as 0% and #054433 as 100%.

0.0%	0.0% #2D5E50	RGB 45 94 80	#2D5E50
16.7%	16.7% #26594B	RGB 38 89 75	#26594B
33.3%	33.3% #1F5546	RGB 31 85 70	#1F5546
50.0%	50.0% #195141	RGB 25 81 65	#195141
66.7%	66.7% #124C3C	RGB 18 76 60	#124C3C
83.3%	83.3% #0B4837	RGB 11 72 55	#0B4837
100.0%	100.0% #054433	RGB 5 68 51	#054433

#2D5E50 #26594B #1F5546 #195141 #124C3C #0B4837 #054433

#2D5E50 - #054433

HSV Blend

#2D5E50 - #054433 | 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 #2D5E50 as 0% and #054433 as 100%.

0.0%	0.0% #2D5E50	RGB 45 94 80	#2D5E50
16.7%	16.7% #24594A	RGB 36 89 74	#24594A
33.3%	33.3% #1D5545	RGB 29 85 69	#1D5545
50.0%	50.0% #165140	RGB 22 81 64	#165140
66.7%	66.7% #0F4C3B	RGB 15 76 59	#0F4C3B
83.3%	83.3% #0A4837	RGB 10 72 55	#0A4837
100.0%	100.0% #054433	RGB 5 68 51	#054433

#2D5E50 #24594A #1D5545 #165140 #0F4C3B #0A4837 #054433

#2D5E50 - #165140 - #054433

CSS codes

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

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