#857E5E - #26241A | 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 #857E5E to #26241A

#857E5E #26241A

Calculate the color between two colors, #857E5E and #26241A. 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)

#857E5E - #26241A | 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 #857E5E as 0% and #26241A as 100%.

0.0%	0.0% #857E5E	RGB 133 126 94	#857E5E
16.7%	16.7% #756F52	RGB 117 111 82	#756F52
33.3%	33.3% #656047	RGB 101 96 71	#656047
50.0%	50.0% #55513C	RGB 85 81 60	#55513C
66.7%	66.7% #454230	RGB 69 66 48	#454230
83.3%	83.3% #353325	RGB 53 51 37	#353325
100.0%	100.0% #26241A	RGB 38 36 26	#26241A

#857E5E #756F52 #656047 #55513C #454230 #353325 #26241A

#857E5E - #26241A

HSV Blend

#857E5E - #26241A | 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 #857E5E as 0% and #26241A as 100%.

0.0%	0.0% #857E5E	RGB 133 126 94	#857E5E
16.7%	16.7% #756E52	RGB 117 110 82	#756E52
33.3%	33.3% #655F46	RGB 101 95 70	#655F46
50.0%	50.0% #55503B	RGB 85 80 59	#55503B
66.7%	66.7% #454130	RGB 69 65 48	#454130
83.3%	83.3% #353225	RGB 53 50 37	#353225
100.0%	100.0% #26241A	RGB 38 36 26	#26241A

#857E5E #756E52 #655F46 #55503B #454130 #353225 #26241A

#857E5E - #55503B - #26241A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #857E5E 0%, #55503B 50%, #26241A 100%);
    background: -webkit-linear-gradient(top, #857E5E 0%, #55503B 50%, #26241A 100%);
    background: linear-gradient(to bottom, #857E5E 0%, #55503B 50%, #26241A 100%);
}
</style>