#5E133B - #B64D5B | 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 #5E133B to #B64D5B

#5E133B #B64D5B

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

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

0.0%	0.0% #5E133B	RGB 94 19 59	#5E133B
16.7%	16.7% #6C1C40	RGB 108 28 64	#6C1C40
33.3%	33.3% #7B2645	RGB 123 38 69	#7B2645
50.0%	50.0% #8A304B	RGB 138 48 75	#8A304B
66.7%	66.7% #983950	RGB 152 57 80	#983950
83.3%	83.3% #A74355	RGB 167 67 85	#A74355
100.0%	100.0% #B64D5B	RGB 182 77 91	#B64D5B

#5E133B #6C1C40 #7B2645 #8A304B #983950 #A74355 #B64D5B

#5E133B - #B64D5B

HSV Blend

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

0.0%	0.0% #5E123A	RGB 94 18 58	#5E123A
16.7%	16.7% #6C1940	RGB 108 25 64	#6C1940
33.3%	33.3% #7B2245	RGB 123 34 69	#7B2245
50.0%	50.0% #8A2B4A	RGB 138 43 74	#8A2B4A
66.7%	66.7% #98354F	RGB 152 53 79	#98354F
83.3%	83.3% #A74055	RGB 167 64 85	#A74055
100.0%	100.0% #B64D5B	RGB 182 77 91	#B64D5B

#5E123A #6C1940 #7B2245 #8A2B4A #98354F #A74055 #B64D5B

#5E133B - #8A2B4A - #B64D5B

CSS codes

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

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