#B05146 - #321714 | 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 #B05146 to #321714

#B05146 #321714

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

#B05146 - #321714 | 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 #B05146 as 0% and #321714 as 100%.

0.0%	0.0% #B05146	RGB 176 81 70	#B05146
16.7%	16.7% #9B473D	RGB 155 71 61	#9B473D
33.3%	33.3% #863D35	RGB 134 61 53	#863D35
50.0%	50.0% #71342D	RGB 113 52 45	#71342D
66.7%	66.7% #5C2A24	RGB 92 42 36	#5C2A24
83.3%	83.3% #47201C	RGB 71 32 28	#47201C
100.0%	100.0% #321714	RGB 50 23 20	#321714

#B05146 #9B473D #863D35 #71342D #5C2A24 #47201C #321714

#B05146 - #321714

HSV Blend

#B05146 - #321714 | 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 #B05146 as 0% and #321714 as 100%.

0.0%	0.0% #B05146	RGB 176 81 70	#B05146
16.7%	16.7% #9B473D	RGB 155 71 61	#9B473D
33.3%	33.3% #863D35	RGB 134 61 53	#863D35
50.0%	50.0% #71332D	RGB 113 51 45	#71332D
66.7%	66.7% #5C2A24	RGB 92 42 36	#5C2A24
83.3%	83.3% #47201C	RGB 71 32 28	#47201C
100.0%	100.0% #321714	RGB 50 23 20	#321714

#B05146 #9B473D #863D35 #71332D #5C2A24 #47201C #321714

#B05146 - #71332D - #321714

CSS codes

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

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