#5E3C44 - #C86865 | 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 #5E3C44 to #C86865

#5E3C44 #C86865

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

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

0.0%	0.0% #5E3C44	RGB 94 60 68	#5E3C44
16.7%	16.7% #6F4349	RGB 111 67 73	#6F4349
33.3%	33.3% #814A4F	RGB 129 74 79	#814A4F
50.0%	50.0% #935254	RGB 147 82 84	#935254
66.7%	66.7% #A4595A	RGB 164 89 90	#A4595A
83.3%	83.3% #B6605F	RGB 182 96 95	#B6605F
100.0%	100.0% #C86865	RGB 200 104 101	#C86865

#5E3C44 #6F4349 #814A4F #935254 #A4595A #B6605F #C86865

#5E3C44 - #C86865

HSV Blend

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

0.0%	0.0% #5E3C44	RGB 94 60 68	#5E3C44
16.7%	16.7% #6F444C	RGB 111 68 76	#6F444C
33.3%	33.3% #814C54	RGB 129 76 84	#814C54
50.0%	50.0% #93545A	RGB 147 84 90	#93545A
66.7%	66.7% #A45A5E	RGB 164 90 94	#A45A5E
83.3%	83.3% #B66061	RGB 182 96 97	#B66061
100.0%	100.0% #C86865	RGB 200 104 101	#C86865

#5E3C44 #6F444C #814C54 #93545A #A45A5E #B66061 #C86865

#5E3C44 - #93545A - #C86865

CSS codes

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

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