#2F582B - #95928C | 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 #2F582B to #95928C

#2F582B #95928C

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

#2F582B - #95928C | 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 #2F582B as 0% and #95928C as 100%.

0.0%	0.0% #2F582B	RGB 47 88 43	#2F582B
16.7%	16.7% #40613B	RGB 64 97 59	#40613B
33.3%	33.3% #516B4B	RGB 81 107 75	#516B4B
50.0%	50.0% #62755B	RGB 98 117 91	#62755B
66.7%	66.7% #737E6B	RGB 115 126 107	#737E6B
83.3%	83.3% #84887B	RGB 132 136 123	#84887B
100.0%	100.0% #95928C	RGB 149 146 140	#95928C

#2F582B #40613B #516B4B #62755B #737E6B #84887B #95928C

#2F582B - #95928C

HSV Blend

#2F582B - #95928C | 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 #2F582B as 0% and #95928C as 100%.

0.0%	0.0% #2F582B	RGB 47 88 43	#2F582B
16.7%	16.7% #446237	RGB 68 98 55	#446237
33.3%	33.3% #586C45	RGB 88 108 69	#586C45
50.0%	50.0% #6C7654	RGB 108 118 84	#6C7654
66.7%	66.7% #7E8065	RGB 126 128 101	#7E8065
83.3%	83.3% #8A8878	RGB 138 136 120	#8A8878
100.0%	100.0% #95928C	RGB 149 146 140	#95928C

#2F582B #446237 #586C45 #6C7654 #7E8065 #8A8878 #95928C

#2F582B - #6C7654 - #95928C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F582B 0%, #6C7654 50%, #95928C 100%);
    background: -webkit-linear-gradient(top, #2F582B 0%, #6C7654 50%, #95928C 100%);
    background: linear-gradient(to bottom, #2F582B 0%, #6C7654 50%, #95928C 100%);
}
</style>