#5E312C - #C85F4D | 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 #5E312C to #C85F4D

#5E312C #C85F4D

Calculate the color between two colors, #5E312C and #C85F4D. 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)

#5E312C - #C85F4D | 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 #5E312C as 0% and #C85F4D as 100%.

0.0%	0.0% #5E312C	RGB 94 49 44	#5E312C
16.7%	16.7% #6F3831	RGB 111 56 49	#6F3831
33.3%	33.3% #814037	RGB 129 64 55	#814037
50.0%	50.0% #93483C	RGB 147 72 60	#93483C
66.7%	66.7% #A44F42	RGB 164 79 66	#A44F42
83.3%	83.3% #B65747	RGB 182 87 71	#B65747
100.0%	100.0% #C85F4D	RGB 200 95 77	#C85F4D

#5E312C #6F3831 #814037 #93483C #A44F42 #B65747 #C85F4D

#5E312C - #C85F4D

HSV Blend

#5E312C - #C85F4D | 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 #5E312C as 0% and #C85F4D as 100%.

0.0%	0.0% #5E312C	RGB 94 49 44	#5E312C
16.7%	16.7% #6F3932	RGB 111 57 50	#6F3932
33.3%	33.3% #814138	RGB 129 65 56	#814138
50.0%	50.0% #93493E	RGB 147 73 62	#93493E
66.7%	66.7% #A45043	RGB 164 80 67	#A45043
83.3%	83.3% #B65748	RGB 182 87 72	#B65748
100.0%	100.0% #C85F4D	RGB 200 95 77	#C85F4D

#5E312C #6F3932 #814138 #93493E #A45043 #B65748 #C85F4D

#5E312C - #93493E - #C85F4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E312C 0%, #93493E 50%, #C85F4D 100%);
    background: -webkit-linear-gradient(top, #5E312C 0%, #93493E 50%, #C85F4D 100%);
    background: linear-gradient(to bottom, #5E312C 0%, #93493E 50%, #C85F4D 100%);
}
</style>