#B74C5E - #681320 | 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 #B74C5E to #681320

#B74C5E #681320

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

#B74C5E - #681320 | 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 #B74C5E as 0% and #681320 as 100%.

0.0%	0.0% #B74C5E	RGB 183 76 94	#B74C5E
16.7%	16.7% #A94253	RGB 169 66 83	#A94253
33.3%	33.3% #9C3949	RGB 156 57 73	#9C3949
50.0%	50.0% #8F2F3F	RGB 143 47 63	#8F2F3F
66.7%	66.7% #822634	RGB 130 38 52	#822634
83.3%	83.3% #751C2A	RGB 117 28 42	#751C2A
100.0%	100.0% #681320	RGB 104 19 32	#681320

#B74C5E #A94253 #9C3949 #8F2F3F #822634 #751C2A #681320

#B74C5E - #681320

HSV Blend

#B74C5E - #681320 | 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 #B74C5E as 0% and #681320 as 100%.

0.0%	0.0% #B74C5D	RGB 183 76 93	#B74C5D
16.7%	16.7% #A93F51	RGB 169 63 81	#A93F51
33.3%	33.3% #9C3445	RGB 156 52 69	#9C3445
50.0%	50.0% #8F2A3B	RGB 143 42 59	#8F2A3B
66.7%	66.7% #822131	RGB 130 33 49	#822131
83.3%	83.3% #751928	RGB 117 25 40	#751928
100.0%	100.0% #681320	RGB 104 19 32	#681320

#B74C5D #A93F51 #9C3445 #8F2A3B #822131 #751928 #681320

#B74C5E - #8F2A3B - #681320

CSS codes

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

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