#5E307B - #1A0D23 | 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 #5E307B to #1A0D23

#5E307B #1A0D23

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

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

0.0%	0.0% #5E307B	RGB 94 48 123	#5E307B
16.7%	16.7% #522A6C	RGB 82 42 108	#522A6C
33.3%	33.3% #47245D	RGB 71 36 93	#47245D
50.0%	50.0% #3C1E4F	RGB 60 30 79	#3C1E4F
66.7%	66.7% #301840	RGB 48 24 64	#301840
83.3%	83.3% #251231	RGB 37 18 49	#251231
100.0%	100.0% #1A0D23	RGB 26 13 35	#1A0D23

#5E307B #522A6C #47245D #3C1E4F #301840 #251231 #1A0D23

#5E307B - #1A0D23

HSV Blend

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

0.0%	0.0% #5E307B	RGB 94 48 123	#5E307B
16.7%	16.7% #52296C	RGB 82 41 108	#52296C
33.3%	33.3% #46235D	RGB 70 35 93	#46235D
50.0%	50.0% #3B1E4F	RGB 59 30 79	#3B1E4F
66.7%	66.7% #301840	RGB 48 24 64	#301840
83.3%	83.3% #251231	RGB 37 18 49	#251231
100.0%	100.0% #1A0D23	RGB 26 13 35	#1A0D23

#5E307B #52296C #46235D #3B1E4F #301840 #251231 #1A0D23

#5E307B - #3B1E4F - #1A0D23

CSS codes

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

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