#5E2A2F - #C06647 | 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 #5E2A2F to #C06647

#5E2A2F #C06647

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

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

0.0%	0.0% #5E2A2F	RGB 94 42 47	#5E2A2F
16.7%	16.7% #6E3433	RGB 110 52 51	#6E3433
33.3%	33.3% #7E3E37	RGB 126 62 55	#7E3E37
50.0%	50.0% #8F483B	RGB 143 72 59	#8F483B
66.7%	66.7% #9F523F	RGB 159 82 63	#9F523F
83.3%	83.3% #AF5C43	RGB 175 92 67	#AF5C43
100.0%	100.0% #C06647	RGB 192 102 71	#C06647

#5E2A2F #6E3433 #7E3E37 #8F483B #9F523F #AF5C43 #C06647

#5E2A2F - #C06647

HSV Blend

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

0.0%	0.0% #5E2A2F	RGB 94 42 47	#5E2A2F
16.7%	16.7% #6E2F32	RGB 110 47 50	#6E2F32
33.3%	33.3% #7E3635	RGB 126 54 53	#7E3635
50.0%	50.0% #8F413A	RGB 143 65 58	#8F413A
66.7%	66.7% #9F4C3F	RGB 159 76 63	#9F4C3F
83.3%	83.3% #AF5843	RGB 175 88 67	#AF5843
100.0%	100.0% #C06647	RGB 192 102 71	#C06647

#5E2A2F #6E2F32 #7E3635 #8F413A #9F4C3F #AF5843 #C06647

#5E2A2F - #8F413A - #C06647

CSS codes

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

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