#B9615B - #8D2518 | 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 #B9615B to #8D2518

#B9615B #8D2518

Calculate the color between two colors, #B9615B and #8D2518. 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)

#B9615B - #8D2518 | 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 #B9615B as 0% and #8D2518 as 100%.

0.0%	0.0% #B9615B	RGB 185 97 91	#B9615B
16.7%	16.7% #B1574F	RGB 177 87 79	#B1574F
33.3%	33.3% #AA4D44	RGB 170 77 68	#AA4D44
50.0%	50.0% #A34339	RGB 163 67 57	#A34339
66.7%	66.7% #9B392E	RGB 155 57 46	#9B392E
83.3%	83.3% #942F23	RGB 148 47 35	#942F23
100.0%	100.0% #8D2518	RGB 141 37 24	#8D2518

#B9615B #B1574F #AA4D44 #A34339 #9B392E #942F23 #8D2518

#B9615B - #8D2518

HSV Blend

#B9615B - #8D2518 | 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 #B9615B as 0% and #8D2518 as 100%.

0.0%	0.0% #B9615B	RGB 185 97 91	#B9615B
16.7%	16.7% #B1554D	RGB 177 85 77	#B1554D
33.3%	33.3% #AA4941	RGB 170 73 65	#AA4941
50.0%	50.0% #A33F35	RGB 163 63 53	#A33F35
66.7%	66.7% #9B352B	RGB 155 53 43	#9B352B
83.3%	83.3% #942D21	RGB 148 45 33	#942D21
100.0%	100.0% #8D2518	RGB 141 37 24	#8D2518

#B9615B #B1554D #AA4941 #A33F35 #9B352B #942D21 #8D2518

#B9615B - #A33F35 - #8D2518

CSS codes

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

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