#2D4940 - #87827D | 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 #2D4940 to #87827D

#2D4940 #87827D

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

#2D4940 - #87827D | 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 #2D4940 as 0% and #87827D as 100%.

0.0%	0.0% #2D4940	RGB 45 73 64	#2D4940
16.7%	16.7% #3C524A	RGB 60 82 74	#3C524A
33.3%	33.3% #4B5C54	RGB 75 92 84	#4B5C54
50.0%	50.0% #5A655E	RGB 90 101 94	#5A655E
66.7%	66.7% #696F68	RGB 105 111 104	#696F68
83.3%	83.3% #787872	RGB 120 120 114	#787872
100.0%	100.0% #87827D	RGB 135 130 125	#87827D

#2D4940 #3C524A #4B5C54 #5A655E #696F68 #787872 #87827D

#2D4940 - #87827D

HSV Blend

#2D4940 - #87827D | 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 #2D4940 as 0% and #87827D as 100%.

0.0%	0.0% #2D4940	RGB 45 73 64	#2D4940
16.7%	16.7% #375340	RGB 55 83 64	#375340
33.3%	33.3% #445D43	RGB 68 93 67	#445D43
50.0%	50.0% #596850	RGB 89 104 80	#596850
66.7%	66.7% #6D725E	RGB 109 114 94	#6D725E
83.3%	83.3% #7C7A6D	RGB 124 122 109	#7C7A6D
100.0%	100.0% #87827D	RGB 135 130 125	#87827D

#2D4940 #375340 #445D43 #596850 #6D725E #7C7A6D #87827D

#2D4940 - #596850 - #87827D

CSS codes

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

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