#353A2D - #87815A | 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 #353A2D to #87815A

#353A2D #87815A

Calculate the color between two colors, #353A2D and #87815A. 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)

#353A2D - #87815A | 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 #353A2D as 0% and #87815A as 100%.

0.0%	0.0% #353A2D	RGB 53 58 45	#353A2D
16.7%	16.7% #424534	RGB 66 69 52	#424534
33.3%	33.3% #50513C	RGB 80 81 60	#50513C
50.0%	50.0% #5E5D43	RGB 94 93 67	#5E5D43
66.7%	66.7% #6B694B	RGB 107 105 75	#6B694B
83.3%	83.3% #797552	RGB 121 117 82	#797552
100.0%	100.0% #87815A	RGB 135 129 90	#87815A

#353A2D #424534 #50513C #5E5D43 #6B694B #797552 #87815A

#353A2D - #87815A

HSV Blend

#353A2D - #87815A | 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 #353A2D as 0% and #87815A as 100%.

0.0%	0.0% #353A2D	RGB 53 58 45	#353A2D
16.7%	16.7% #414635	RGB 65 70 53	#414635
33.3%	33.3% #4F533D	RGB 79 83 61	#4F533D
50.0%	50.0% #5D6045	RGB 93 96 69	#5D6045
66.7%	66.7% #6C6D4C	RGB 108 109 76	#6C6D4C
83.3%	83.3% #7A7853	RGB 122 120 83	#7A7853
100.0%	100.0% #87815A	RGB 135 129 90	#87815A

#353A2D #414635 #4F533D #5D6045 #6C6D4C #7A7853 #87815A

#353A2D - #5D6045 - #87815A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353A2D 0%, #5D6045 50%, #87815A 100%);
    background: -webkit-linear-gradient(top, #353A2D 0%, #5D6045 50%, #87815A 100%);
    background: linear-gradient(to bottom, #353A2D 0%, #5D6045 50%, #87815A 100%);
}
</style>