#857B8C - #3E2F3E | 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 #857B8C to #3E2F3E

#857B8C #3E2F3E

Calculate the color between two colors, #857B8C and #3E2F3E. 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)

#857B8C - #3E2F3E | 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 #857B8C as 0% and #3E2F3E as 100%.

0.0%	0.0% #857B8C	RGB 133 123 140	#857B8C
16.7%	16.7% #796E7F	RGB 121 110 127	#796E7F
33.3%	33.3% #6D6172	RGB 109 97 114	#6D6172
50.0%	50.0% #615565	RGB 97 85 101	#615565
66.7%	66.7% #554858	RGB 85 72 88	#554858
83.3%	83.3% #493B4B	RGB 73 59 75	#493B4B
100.0%	100.0% #3E2F3E	RGB 62 47 62	#3E2F3E

#857B8C #796E7F #6D6172 #615565 #554858 #493B4B #3E2F3E

#857B8C - #3E2F3E

HSV Blend

#857B8C - #3E2F3E | 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 #857B8C as 0% and #3E2F3E as 100%.

0.0%	0.0% #857B8C	RGB 133 123 140	#857B8C
16.7%	16.7% #786D7F	RGB 120 109 127	#786D7F
33.3%	33.3% #6C5F72	RGB 108 95 114	#6C5F72
50.0%	50.0% #615265	RGB 97 82 101	#615265
66.7%	66.7% #554658	RGB 85 70 88	#554658
83.3%	83.3% #493A4B	RGB 73 58 75	#493A4B
100.0%	100.0% #3E2F3E	RGB 62 47 62	#3E2F3E

#857B8C #786D7F #6C5F72 #615265 #554658 #493A4B #3E2F3E

#857B8C - #615265 - #3E2F3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #857B8C 0%, #615265 50%, #3E2F3E 100%);
    background: -webkit-linear-gradient(top, #857B8C 0%, #615265 50%, #3E2F3E 100%);
    background: linear-gradient(to bottom, #857B8C 0%, #615265 50%, #3E2F3E 100%);
}
</style>