#5E3B0F - #B06C73 | 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 #5E3B0F to #B06C73

#5E3B0F #B06C73

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

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

0.0%	0.0% #5E3B0F	RGB 94 59 15	#5E3B0F
16.7%	16.7% #6B431F	RGB 107 67 31	#6B431F
33.3%	33.3% #794B30	RGB 121 75 48	#794B30
50.0%	50.0% #875341	RGB 135 83 65	#875341
66.7%	66.7% #945B51	RGB 148 91 81	#945B51
83.3%	83.3% #A26362	RGB 162 99 98	#A26362
100.0%	100.0% #B06C73	RGB 176 108 115	#B06C73

#5E3B0F #6B431F #794B30 #875341 #945B51 #A26362 #B06C73

#5E3B0F - #B06C73

HSV Blend

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

0.0%	0.0% #5E3B0E	RGB 94 59 14	#5E3B0E
16.7%	16.7% #6B3E19	RGB 107 62 25	#6B3E19
33.3%	33.3% #794125	RGB 121 65 37	#794125
50.0%	50.0% #874634	RGB 135 70 52	#874634
66.7%	66.7% #944E44	RGB 148 78 68	#944E44
83.3%	83.3% #A25757	RGB 162 87 87	#A25757
100.0%	100.0% #B06C73	RGB 176 108 115	#B06C73

#5E3B0E #6B3E19 #794125 #874634 #944E44 #A25757 #B06C73

#5E3B0F - #874634 - #B06C73

CSS codes

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

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