#2D2D2B - #7E8F62 | 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 #2D2D2B to #7E8F62

#2D2D2B #7E8F62

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

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

0.0%	0.0% #2D2D2B	RGB 45 45 43	#2D2D2B
16.7%	16.7% #3A3D34	RGB 58 61 52	#3A3D34
33.3%	33.3% #484D3D	RGB 72 77 61	#484D3D
50.0%	50.0% #555E46	RGB 85 94 70	#555E46
66.7%	66.7% #636E4F	RGB 99 110 79	#636E4F
83.3%	83.3% #707E58	RGB 112 126 88	#707E58
100.0%	100.0% #7E8F62	RGB 126 143 98	#7E8F62

#2D2D2B #3A3D34 #484D3D #555E46 #636E4F #707E58 #7E8F62

#2D2D2B - #7E8F62

HSV Blend

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

0.0%	0.0% #2D2D2B	RGB 45 45 43	#2D2D2B
16.7%	16.7% #3C3D37	RGB 60 61 55	#3C3D37
33.3%	33.3% #4C4D43	RGB 76 77 67	#4C4D43
50.0%	50.0% #5A5E4D	RGB 90 94 77	#5A5E4D
66.7%	66.7% #686E55	RGB 104 110 85	#686E55
83.3%	83.3% #737E5C	RGB 115 126 92	#737E5C
100.0%	100.0% #7E8F62	RGB 126 143 98	#7E8F62

#2D2D2B #3C3D37 #4C4D43 #5A5E4D #686E55 #737E5C #7E8F62

#2D2D2B - #5A5E4D - #7E8F62

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2D2B 0%, #5A5E4D 50%, #7E8F62 100%);
    background: -webkit-linear-gradient(top, #2D2D2B 0%, #5A5E4D 50%, #7E8F62 100%);
    background: linear-gradient(to bottom, #2D2D2B 0%, #5A5E4D 50%, #7E8F62 100%);
}
</style>