#5E3E43 - #CC8261 | 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 #5E3E43 to #CC8261

#5E3E43 #CC8261

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

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

0.0%	0.0% #5E3E43	RGB 94 62 67	#5E3E43
16.7%	16.7% #704948	RGB 112 73 72	#704948
33.3%	33.3% #82544D	RGB 130 84 77	#82544D
50.0%	50.0% #956052	RGB 149 96 82	#956052
66.7%	66.7% #A76B57	RGB 167 107 87	#A76B57
83.3%	83.3% #B9765C	RGB 185 118 92	#B9765C
100.0%	100.0% #CC8261	RGB 204 130 97	#CC8261

#5E3E43 #704948 #82544D #956052 #A76B57 #B9765C #CC8261

#5E3E43 - #CC8261

HSV Blend

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

0.0%	0.0% #5E3E43	RGB 94 62 67	#5E3E43
16.7%	16.7% #704649	RGB 112 70 73	#704649
33.3%	33.3% #824E4E	RGB 130 78 78	#824E4E
50.0%	50.0% #955954	RGB 149 89 84	#955954
66.7%	66.7% #A76559	RGB 167 101 89	#A76559
83.3%	83.3% #B9735D	RGB 185 115 93	#B9735D
100.0%	100.0% #CC8261	RGB 204 130 97	#CC8261

#5E3E43 #704649 #824E4E #955954 #A76559 #B9735D #CC8261

#5E3E43 - #955954 - #CC8261

CSS codes

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

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