#5E1B4D - #12060B | 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 #5E1B4D to #12060B

#5E1B4D #12060B

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

#5E1B4D - #12060B | 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 #5E1B4D as 0% and #12060B as 100%.

0.0%	0.0% #5E1B4D	RGB 94 27 77	#5E1B4D
16.7%	16.7% #511742	RGB 81 23 66	#511742
33.3%	33.3% #441437	RGB 68 20 55	#441437
50.0%	50.0% #38102C	RGB 56 16 44	#38102C
66.7%	66.7% #2B0D20	RGB 43 13 32	#2B0D20
83.3%	83.3% #1E0916	RGB 30 9 22	#1E0916
100.0%	100.0% #12060B	RGB 18 6 11	#12060B

#5E1B4D #511742 #441437 #38102C #2B0D20 #1E0916 #12060B

#5E1B4D - #12060B

HSV Blend

#5E1B4D - #12060B | 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 #5E1B4D as 0% and #12060B as 100%.

0.0%	0.0% #5E1B4C	RGB 94 27 76	#5E1B4C
16.7%	16.7% #51173F	RGB 81 23 63	#51173F
33.3%	33.3% #441433	RGB 68 20 51	#441433
50.0%	50.0% #381127	RGB 56 17 39	#381127
66.7%	66.7% #2B0D1D	RGB 43 13 29	#2B0D1D
83.3%	83.3% #1E0913	RGB 30 9 19	#1E0913
100.0%	100.0% #12060B	RGB 18 6 11	#12060B

#5E1B4C #51173F #441433 #381127 #2B0D1D #1E0913 #12060B

#5E1B4D - #381127 - #12060B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1B4C 0%, #381127 50%, #12060B 100%);
    background: -webkit-linear-gradient(top, #5E1B4C 0%, #381127 50%, #12060B 100%);
    background: linear-gradient(to bottom, #5E1B4C 0%, #381127 50%, #12060B 100%);
}
</style>