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

#5E3B12 #B06C73

Calculate the color between two colors, #5E3B12 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)

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

0.0%	0.0% #5E3B12	RGB 94 59 18	#5E3B12
16.7%	16.7% #6B4322	RGB 107 67 34	#6B4322
33.3%	33.3% #794B32	RGB 121 75 50	#794B32
50.0%	50.0% #875342	RGB 135 83 66	#875342
66.7%	66.7% #945B52	RGB 148 91 82	#945B52
83.3%	83.3% #A26362	RGB 162 99 98	#A26362
100.0%	100.0% #B06C73	RGB 176 108 115	#B06C73

#5E3B12 #6B4322 #794B32 #875342 #945B52 #A26362 #B06C73

#5E3B12 - #B06C73

HSV Blend

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

0.0%	0.0% #5E3B11	RGB 94 59 17	#5E3B11
16.7%	16.7% #6B3E1C	RGB 107 62 28	#6B3E1C
33.3%	33.3% #794228	RGB 121 66 40	#794228
50.0%	50.0% #874736	RGB 135 71 54	#874736
66.7%	66.7% #944F46	RGB 148 79 70	#944F46
83.3%	83.3% #A25858	RGB 162 88 88	#A25858
100.0%	100.0% #B06C73	RGB 176 108 115	#B06C73

#5E3B11 #6B3E1C #794228 #874736 #944F46 #A25858 #B06C73

#5E3B12 - #874736 - #B06C73

CSS codes

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

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