#5E1932 - #B8524D | 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 #5E1932 to #B8524D

#5E1932 #B8524D

Calculate the color between two colors, #5E1932 and #B8524D. 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)

#5E1932 - #B8524D | 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 #5E1932 as 0% and #B8524D as 100%.

0.0%	0.0% #5E1932	RGB 94 25 50	#5E1932
16.7%	16.7% #6D2236	RGB 109 34 54	#6D2236
33.3%	33.3% #7C2C3B	RGB 124 44 59	#7C2C3B
50.0%	50.0% #8B353F	RGB 139 53 63	#8B353F
66.7%	66.7% #9A3F44	RGB 154 63 68	#9A3F44
83.3%	83.3% #A94848	RGB 169 72 72	#A94848
100.0%	100.0% #B8524D	RGB 184 82 77	#B8524D

#5E1932 #6D2236 #7C2C3B #8B353F #9A3F44 #A94848 #B8524D

#5E1932 - #B8524D

HSV Blend

#5E1932 - #B8524D | 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 #5E1932 as 0% and #B8524D as 100%.

0.0%	0.0% #5E1932	RGB 94 25 50	#5E1932
16.7%	16.7% #6D1F36	RGB 109 31 54	#6D1F36
33.3%	33.3% #7C273A	RGB 124 39 58	#7C273A
50.0%	50.0% #8B2F3D	RGB 139 47 61	#8B2F3D
66.7%	66.7% #9A3841	RGB 154 56 65	#9A3841
83.3%	83.3% #A94244	RGB 169 66 68	#A94244
100.0%	100.0% #B8524D	RGB 184 82 77	#B8524D

#5E1932 #6D1F36 #7C273A #8B2F3D #9A3841 #A94244 #B8524D

#5E1932 - #8B2F3D - #B8524D

CSS codes

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

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