#5E001A - #B85DA4 | 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 #5E001A to #B85DA4

#5E001A #B85DA4

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

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

0.0%	0.0% #5E001A	RGB 94 0 26	#5E001A
16.7%	16.7% #6D0F31	RGB 109 15 49	#6D0F31
33.3%	33.3% #7C1F48	RGB 124 31 72	#7C1F48
50.0%	50.0% #8B2E5F	RGB 139 46 95	#8B2E5F
66.7%	66.7% #9A3E76	RGB 154 62 118	#9A3E76
83.3%	83.3% #A94D8D	RGB 169 77 141	#A94D8D
100.0%	100.0% #B85DA4	RGB 184 93 164	#B85DA4

#5E001A #6D0F31 #7C1F48 #8B2E5F #9A3E76 #A94D8D #B85DA4

#5E001A - #B85DA4

HSV Blend

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

0.0%	0.0% #5E001A	RGB 94 0 26	#5E001A
16.7%	16.7% #6D092D	RGB 109 9 45	#6D092D
33.3%	33.3% #7C1442	RGB 124 20 66	#7C1442
50.0%	50.0% #8B235A	RGB 139 35 90	#8B235A
66.7%	66.7% #9A3372	RGB 154 51 114	#9A3372
83.3%	83.3% #A9478B	RGB 169 71 139	#A9478B
100.0%	100.0% #B85DA4	RGB 184 93 164	#B85DA4

#5E001A #6D092D #7C1442 #8B235A #9A3372 #A9478B #B85DA4

#5E001A - #8B235A - #B85DA4

CSS codes

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

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