#B0546E - #72071A | 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 #B0546E to #72071A

#B0546E #72071A

Calculate the color between two colors, #B0546E and #72071A. 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)

#B0546E - #72071A | 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 #B0546E as 0% and #72071A as 100%.

0.0%	0.0% #B0546E	RGB 176 84 110	#B0546E
16.7%	16.7% #A54760	RGB 165 71 96	#A54760
33.3%	33.3% #9B3A52	RGB 155 58 82	#9B3A52
50.0%	50.0% #912D44	RGB 145 45 68	#912D44
66.7%	66.7% #862036	RGB 134 32 54	#862036
83.3%	83.3% #7C1328	RGB 124 19 40	#7C1328
100.0%	100.0% #72071A	RGB 114 7 26	#72071A

#B0546E #A54760 #9B3A52 #912D44 #862036 #7C1328 #72071A

#B0546E - #72071A

HSV Blend

#B0546E - #72071A | 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 #B0546E as 0% and #72071A as 100%.

0.0%	0.0% #B0546E	RGB 176 84 110	#B0546E
16.7%	16.7% #A5435D	RGB 165 67 93	#A5435D
33.3%	33.3% #9B344E	RGB 155 52 78	#9B344E
50.0%	50.0% #91273F	RGB 145 39 63	#91273F
66.7%	66.7% #861A31	RGB 134 26 49	#861A31
83.3%	83.3% #7C1025	RGB 124 16 37	#7C1025
100.0%	100.0% #72071A	RGB 114 7 26	#72071A

#B0546E #A5435D #9B344E #91273F #861A31 #7C1025 #72071A

#B0546E - #91273F - #72071A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0546E 0%, #91273F 50%, #72071A 100%);
    background: -webkit-linear-gradient(top, #B0546E 0%, #91273F 50%, #72071A 100%);
    background: linear-gradient(to bottom, #B0546E 0%, #91273F 50%, #72071A 100%);
}
</style>