#B05B0D - #321903 | 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 #B05B0D to #321903

#B05B0D #321903

Calculate the color between two colors, #B05B0D and #321903. 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)

#B05B0D - #321903 | 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 #B05B0D as 0% and #321903 as 100%.

0.0%	0.0% #B05B0D	RGB 176 91 13	#B05B0D
16.7%	16.7% #9B500B	RGB 155 80 11	#9B500B
33.3%	33.3% #864509	RGB 134 69 9	#864509
50.0%	50.0% #713A08	RGB 113 58 8	#713A08
66.7%	66.7% #5C2F06	RGB 92 47 6	#5C2F06
83.3%	83.3% #472404	RGB 71 36 4	#472404
100.0%	100.0% #321903	RGB 50 25 3	#321903

#B05B0D #9B500B #864509 #713A08 #5C2F06 #472404 #321903

#B05B0D - #321903

HSV Blend

#B05B0D - #321903 | 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 #B05B0D as 0% and #321903 as 100%.

0.0%	0.0% #B05B0C	RGB 176 91 12	#B05B0C
16.7%	16.7% #9B4F0B	RGB 155 79 11	#9B4F0B
33.3%	33.3% #864409	RGB 134 68 9	#864409
50.0%	50.0% #713907	RGB 113 57 7	#713907
66.7%	66.7% #5C2E05	RGB 92 46 5	#5C2E05
83.3%	83.3% #472304	RGB 71 35 4	#472304
100.0%	100.0% #321903	RGB 50 25 3	#321903

#B05B0C #9B4F0B #864409 #713907 #5C2E05 #472304 #321903

#B05B0D - #713907 - #321903

CSS codes

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

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