#61241B - #BA5E37 | 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 #61241B to #BA5E37

#61241B #BA5E37

Calculate the color between two colors, #61241B and #BA5E37. 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)

#61241B - #BA5E37 | 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 #61241B as 0% and #BA5E37 as 100%.

0.0%	0.0% #61241B	RGB 97 36 27	#61241B
16.7%	16.7% #6F2D1F	RGB 111 45 31	#6F2D1F
33.3%	33.3% #7E3724	RGB 126 55 36	#7E3724
50.0%	50.0% #8D4129	RGB 141 65 41	#8D4129
66.7%	66.7% #9C4A2D	RGB 156 74 45	#9C4A2D
83.3%	83.3% #AB5432	RGB 171 84 50	#AB5432
100.0%	100.0% #BA5E37	RGB 186 94 55	#BA5E37

#61241B #6F2D1F #7E3724 #8D4129 #9C4A2D #AB5432 #BA5E37

#61241B - #BA5E37

HSV Blend

#61241B - #BA5E37 | 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 #61241B as 0% and #BA5E37 as 100%.

0.0%	0.0% #61241B	RGB 97 36 27	#61241B
16.7%	16.7% #6F2C1F	RGB 111 44 31	#6F2C1F
33.3%	33.3% #7E3423	RGB 126 52 35	#7E3423
50.0%	50.0% #8D3E28	RGB 141 62 40	#8D3E28
66.7%	66.7% #9C482D	RGB 156 72 45	#9C482D
83.3%	83.3% #AB5232	RGB 171 82 50	#AB5232
100.0%	100.0% #BA5E37	RGB 186 94 55	#BA5E37

#61241B #6F2C1F #7E3423 #8D3E28 #9C482D #AB5232 #BA5E37

#61241B - #8D3E28 - #BA5E37

CSS codes

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

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