#5E1114 - #B63F84 | 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 #5E1114 to #B63F84

#5E1114 #B63F84

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

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

0.0%	0.0% #5E1114	RGB 94 17 20	#5E1114
16.7%	16.7% #6C1826	RGB 108 24 38	#6C1826
33.3%	33.3% #7B2039	RGB 123 32 57	#7B2039
50.0%	50.0% #8A284C	RGB 138 40 76	#8A284C
66.7%	66.7% #982F5E	RGB 152 47 94	#982F5E
83.3%	83.3% #A73771	RGB 167 55 113	#A73771
100.0%	100.0% #B63F84	RGB 182 63 132	#B63F84

#5E1114 #6C1826 #7B2039 #8A284C #982F5E #A73771 #B63F84

#5E1114 - #B63F84

HSV Blend

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

0.0%	0.0% #5E1013	RGB 94 16 19	#5E1013
16.7%	16.7% #6C1621	RGB 108 22 33	#6C1621
33.3%	33.3% #7B1D31	RGB 123 29 49	#7B1D31
50.0%	50.0% #8A2443	RGB 138 36 67	#8A2443
66.7%	66.7% #982C57	RGB 152 44 87	#982C57
83.3%	83.3% #A7356D	RGB 167 53 109	#A7356D
100.0%	100.0% #B63F84	RGB 182 63 132	#B63F84

#5E1013 #6C1621 #7B1D31 #8A2443 #982C57 #A7356D #B63F84

#5E1114 - #8A2443 - #B63F84

CSS codes

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

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