#5E334A - #1A0E14 | 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 #5E334A to #1A0E14

#5E334A #1A0E14

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

#5E334A - #1A0E14 | 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 #5E334A as 0% and #1A0E14 as 100%.

0.0%	0.0% #5E334A	RGB 94 51 74	#5E334A
16.7%	16.7% #522C41	RGB 82 44 65	#522C41
33.3%	33.3% #472638	RGB 71 38 56	#472638
50.0%	50.0% #3C202F	RGB 60 32 47	#3C202F
66.7%	66.7% #301A26	RGB 48 26 38	#301A26
83.3%	83.3% #25141D	RGB 37 20 29	#25141D
100.0%	100.0% #1A0E14	RGB 26 14 20	#1A0E14

#5E334A #522C41 #472638 #3C202F #301A26 #25141D #1A0E14

#5E334A - #1A0E14

HSV Blend

#5E334A - #1A0E14 | 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 #5E334A as 0% and #1A0E14 as 100%.

0.0%	0.0% #5E3349	RGB 94 51 73	#5E3349
16.7%	16.7% #522C40	RGB 82 44 64	#522C40
33.3%	33.3% #472637	RGB 71 38 55	#472637
50.0%	50.0% #3C202E	RGB 60 32 46	#3C202E
66.7%	66.7% #301A25	RGB 48 26 37	#301A25
83.3%	83.3% #25141C	RGB 37 20 28	#25141C
100.0%	100.0% #1A0E14	RGB 26 14 20	#1A0E14

#5E3349 #522C40 #472637 #3C202E #301A25 #25141C #1A0E14

#5E334A - #3C202E - #1A0E14

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3349 0%, #3C202E 50%, #1A0E14 100%);
    background: -webkit-linear-gradient(top, #5E3349 0%, #3C202E 50%, #1A0E14 100%);
    background: linear-gradient(to bottom, #5E3349 0%, #3C202E 50%, #1A0E14 100%);
}
</style>