#2E3C2D - #C3C7C3 | 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 #2E3C2D to #C3C7C3

#2E3C2D #C3C7C3

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

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

0.0%	0.0% #2E3C2D	RGB 46 60 45	#2E3C2D
16.7%	16.7% #465346	RGB 70 83 70	#465346
33.3%	33.3% #5F6A5F	RGB 95 106 95	#5F6A5F
50.0%	50.0% #788178	RGB 120 129 120	#788178
66.7%	66.7% #919891	RGB 145 152 145	#919891
83.3%	83.3% #AAAFAA	RGB 170 175 170	#AAAFAA
100.0%	100.0% #C3C7C3	RGB 195 199 195	#C3C7C3

#2E3C2D #465346 #5F6A5F #788178 #919891 #AAAFAA #C3C7C3

#2E3C2D - #C3C7C3

HSV Blend

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

0.0%	0.0% #2E3C2D	RGB 46 60 45	#2E3C2D
16.7%	16.7% #425341	RGB 66 83 65	#425341
33.3%	33.3% #586A57	RGB 88 106 87	#586A57
50.0%	50.0% #708170	RGB 112 129 112	#708170
66.7%	66.7% #8A9889	RGB 138 152 137	#8A9889
83.3%	83.3% #A5AFA5	RGB 165 175 165	#A5AFA5
100.0%	100.0% #C3C7C3	RGB 195 199 195	#C3C7C3

#2E3C2D #425341 #586A57 #708170 #8A9889 #A5AFA5 #C3C7C3

#2E3C2D - #708170 - #C3C7C3

CSS codes

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

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