#5E3E76 - #230D23 | 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 #5E3E76 to #230D23

#5E3E76 #230D23

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

#5E3E76 - #230D23 | 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 #5E3E76 as 0% and #230D23 as 100%.

0.0%	0.0% #5E3E76	RGB 94 62 118	#5E3E76
16.7%	16.7% #543568	RGB 84 53 104	#543568
33.3%	33.3% #4A2D5A	RGB 74 45 90	#4A2D5A
50.0%	50.0% #40254C	RGB 64 37 76	#40254C
66.7%	66.7% #361D3E	RGB 54 29 62	#361D3E
83.3%	83.3% #2C1530	RGB 44 21 48	#2C1530
100.0%	100.0% #230D23	RGB 35 13 35	#230D23

#5E3E76 #543568 #4A2D5A #40254C #361D3E #2C1530 #230D23

#5E3E76 - #230D23

HSV Blend

#5E3E76 - #230D23 | 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 #5E3E76 as 0% and #230D23 as 100%.

0.0%	0.0% #5E3E76	RGB 94 62 118	#5E3E76
16.7%	16.7% #553468	RGB 85 52 104	#553468
33.3%	33.3% #4C2A5A	RGB 76 42 90	#4C2A5A
50.0%	50.0% #43224C	RGB 67 34 76	#43224C
66.7%	66.7% #391A3E	RGB 57 26 62	#391A3E
83.3%	83.3% #2E1330	RGB 46 19 48	#2E1330
100.0%	100.0% #230D23	RGB 35 13 35	#230D23

#5E3E76 #553468 #4C2A5A #43224C #391A3E #2E1330 #230D23

#5E3E76 - #43224C - #230D23

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E76 0%, #43224C 50%, #230D23 100%);
    background: -webkit-linear-gradient(top, #5E3E76 0%, #43224C 50%, #230D23 100%);
    background: linear-gradient(to bottom, #5E3E76 0%, #43224C 50%, #230D23 100%);
}
</style>