#B05249 - #7E1F10 | 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 #B05249 to #7E1F10

#B05249 #7E1F10

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

#B05249 - #7E1F10 | 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 #B05249 as 0% and #7E1F10 as 100%.

0.0%	0.0% #B05249	RGB 176 82 73	#B05249
16.7%	16.7% #A7493F	RGB 167 73 63	#A7493F
33.3%	33.3% #9F4136	RGB 159 65 54	#9F4136
50.0%	50.0% #97382C	RGB 151 56 44	#97382C
66.7%	66.7% #8E3023	RGB 142 48 35	#8E3023
83.3%	83.3% #862719	RGB 134 39 25	#862719
100.0%	100.0% #7E1F10	RGB 126 31 16	#7E1F10

#B05249 #A7493F #9F4136 #97382C #8E3023 #862719 #7E1F10

#B05249 - #7E1F10

HSV Blend

#B05249 - #7E1F10 | 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 #B05249 as 0% and #7E1F10 as 100%.

0.0%	0.0% #B05249	RGB 176 82 73	#B05249
16.7%	16.7% #A7473D	RGB 167 71 61	#A7473D
33.3%	33.3% #9F3E32	RGB 159 62 50	#9F3E32
50.0%	50.0% #973528	RGB 151 53 40	#973528
66.7%	66.7% #8E2D1F	RGB 142 45 31	#8E2D1F
83.3%	83.3% #862517	RGB 134 37 23	#862517
100.0%	100.0% #7E1F10	RGB 126 31 16	#7E1F10

#B05249 #A7473D #9F3E32 #973528 #8E2D1F #862517 #7E1F10

#B05249 - #973528 - #7E1F10

CSS codes

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

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