#B05E4A - #321A15 | 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 #B05E4A to #321A15

#B05E4A #321A15

Calculate the color between two colors, #B05E4A and #321A15. 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)

#B05E4A - #321A15 | 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 #B05E4A as 0% and #321A15 as 100%.

0.0%	0.0% #B05E4A	RGB 176 94 74	#B05E4A
16.7%	16.7% #9B5241	RGB 155 82 65	#9B5241
33.3%	33.3% #864738	RGB 134 71 56	#864738
50.0%	50.0% #713C2F	RGB 113 60 47	#713C2F
66.7%	66.7% #5C3026	RGB 92 48 38	#5C3026
83.3%	83.3% #47251D	RGB 71 37 29	#47251D
100.0%	100.0% #321A15	RGB 50 26 21	#321A15

#B05E4A #9B5241 #864738 #713C2F #5C3026 #47251D #321A15

#B05E4A - #321A15

HSV Blend

#B05E4A - #321A15 | 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 #B05E4A as 0% and #321A15 as 100%.

0.0%	0.0% #B05E4A	RGB 176 94 74	#B05E4A
16.7%	16.7% #9B5241	RGB 155 82 65	#9B5241
33.3%	33.3% #864638	RGB 134 70 56	#864638
50.0%	50.0% #713B2F	RGB 113 59 47	#713B2F
66.7%	66.7% #5C3026	RGB 92 48 38	#5C3026
83.3%	83.3% #47251D	RGB 71 37 29	#47251D
100.0%	100.0% #321A15	RGB 50 26 21	#321A15

#B05E4A #9B5241 #864638 #713B2F #5C3026 #47251D #321A15

#B05E4A - #713B2F - #321A15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05E4A 0%, #713B2F 50%, #321A15 100%);
    background: -webkit-linear-gradient(top, #B05E4A 0%, #713B2F 50%, #321A15 100%);
    background: linear-gradient(to bottom, #B05E4A 0%, #713B2F 50%, #321A15 100%);
}
</style>