#2D2E2D - #052D00 | 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 #2D2E2D to #052D00

#2D2E2D #052D00

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

#2D2E2D - #052D00 | 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 #2D2E2D as 0% and #052D00 as 100%.

0.0%	0.0% #2D2E2D	RGB 45 46 45	#2D2E2D
16.7%	16.7% #262D25	RGB 38 45 37	#262D25
33.3%	33.3% #1F2D1E	RGB 31 45 30	#1F2D1E
50.0%	50.0% #192D16	RGB 25 45 22	#192D16
66.7%	66.7% #122D0E	RGB 18 45 14	#122D0E
83.3%	83.3% #0B2D07	RGB 11 45 7	#0B2D07
100.0%	100.0% #052D00	RGB 5 45 0	#052D00

#2D2E2D #262D25 #1F2D1E #192D16 #122D0E #0B2D07 #052D00

#2D2E2D - #052D00

HSV Blend

#2D2E2D - #052D00 | 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 #2D2E2D as 0% and #052D00 as 100%.

0.0%	0.0% #2D2E2D	RGB 45 46 45	#2D2E2D
16.7%	16.7% #252D25	RGB 37 45 37	#252D25
33.3%	33.3% #1E2D1D	RGB 30 45 29	#1E2D1D
50.0%	50.0% #172D16	RGB 23 45 22	#172D16
66.7%	66.7% #112D0E	RGB 17 45 14	#112D0E
83.3%	83.3% #0A2D07	RGB 10 45 7	#0A2D07
100.0%	100.0% #052D00	RGB 5 45 0	#052D00

#2D2E2D #252D25 #1E2D1D #172D16 #112D0E #0A2D07 #052D00

#2D2E2D - #172D16 - #052D00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2E2D 0%, #172D16 50%, #052D00 100%);
    background: -webkit-linear-gradient(top, #2D2E2D 0%, #172D16 50%, #052D00 100%);
    background: linear-gradient(to bottom, #2D2E2D 0%, #172D16 50%, #052D00 100%);
}
</style>