#5E103D - #B5495F | 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 #5E103D to #B5495F

#5E103D #B5495F

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

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

0.0%	0.0% #5E103D	RGB 94 16 61	#5E103D
16.7%	16.7% #6C1942	RGB 108 25 66	#6C1942
33.3%	33.3% #7B2348	RGB 123 35 72	#7B2348
50.0%	50.0% #892C4E	RGB 137 44 78	#892C4E
66.7%	66.7% #983653	RGB 152 54 83	#983653
83.3%	83.3% #A63F59	RGB 166 63 89	#A63F59
100.0%	100.0% #B5495F	RGB 181 73 95	#B5495F

#5E103D #6C1942 #7B2348 #892C4E #983653 #A63F59 #B5495F

#5E103D - #B5495F

HSV Blend

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

0.0%	0.0% #5E0F3D	RGB 94 15 61	#5E0F3D
16.7%	16.7% #6C1642	RGB 108 22 66	#6C1642
33.3%	33.3% #7B1E48	RGB 123 30 72	#7B1E48
50.0%	50.0% #89274D	RGB 137 39 77	#89274D
66.7%	66.7% #983153	RGB 152 49 83	#983153
83.3%	83.3% #A63C58	RGB 166 60 88	#A63C58
100.0%	100.0% #B5495F	RGB 181 73 95	#B5495F

#5E0F3D #6C1642 #7B1E48 #89274D #983153 #A63C58 #B5495F

#5E103D - #89274D - #B5495F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E0F3D 0%, #89274D 50%, #B5495F 100%);
    background: -webkit-linear-gradient(top, #5E0F3D 0%, #89274D 50%, #B5495F 100%);
    background: linear-gradient(to bottom, #5E0F3D 0%, #89274D 50%, #B5495F 100%);
}
</style>