#2D403C - #857E76 | 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 #2D403C to #857E76

#2D403C #857E76

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

#2D403C - #857E76 | 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 #2D403C as 0% and #857E76 as 100%.

0.0%	0.0% #2D403C	RGB 45 64 60	#2D403C
16.7%	16.7% #3B4A45	RGB 59 74 69	#3B4A45
33.3%	33.3% #4A544F	RGB 74 84 79	#4A544F
50.0%	50.0% #595F59	RGB 89 95 89	#595F59
66.7%	66.7% #676962	RGB 103 105 98	#676962
83.3%	83.3% #76736C	RGB 118 115 108	#76736C
100.0%	100.0% #857E76	RGB 133 126 118	#857E76

#2D403C #3B4A45 #4A544F #595F59 #676962 #76736C #857E76

#2D403C - #857E76

HSV Blend

#2D403C - #857E76 | 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 #2D403C as 0% and #857E76 as 100%.

0.0%	0.0% #2D403C	RGB 45 64 60	#2D403C
16.7%	16.7% #374B3F	RGB 55 75 63	#374B3F
33.3%	33.3% #425743	RGB 66 87 67	#425743
50.0%	50.0% #55624E	RGB 85 98 78	#55624E
66.7%	66.7% #686E5A	RGB 104 110 90	#686E5A
83.3%	83.3% #797768	RGB 121 119 104	#797768
100.0%	100.0% #857E76	RGB 133 126 118	#857E76

#2D403C #374B3F #425743 #55624E #686E5A #797768 #857E76

#2D403C - #55624E - #857E76

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D403C 0%, #55624E 50%, #857E76 100%);
    background: -webkit-linear-gradient(top, #2D403C 0%, #55624E 50%, #857E76 100%);
    background: linear-gradient(to bottom, #2D403C 0%, #55624E 50%, #857E76 100%);
}
</style>