#5E5A8A - #341334 | 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 #5E5A8A to #341334

#5E5A8A #341334

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

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

0.0%	0.0% #5E5A8A	RGB 94 90 138	#5E5A8A
16.7%	16.7% #574E7B	RGB 87 78 123	#574E7B
33.3%	33.3% #50426D	RGB 80 66 109	#50426D
50.0%	50.0% #49365F	RGB 73 54 95	#49365F
66.7%	66.7% #422A50	RGB 66 42 80	#422A50
83.3%	83.3% #3B1E42	RGB 59 30 66	#3B1E42
100.0%	100.0% #341334	RGB 52 19 52	#341334

#5E5A8A #574E7B #50426D #49365F #422A50 #3B1E42 #341334

#5E5A8A - #341334

HSV Blend

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

0.0%	0.0% #5E5A8A	RGB 94 90 138	#5E5A8A
16.7%	16.7% #564A7B	RGB 86 74 123	#564A7B
33.3%	33.3% #4F3C6D	RGB 79 60 109	#4F3C6D
50.0%	50.0% #49305F	RGB 73 48 95	#49305F
66.7%	66.7% #432550	RGB 67 37 80	#432550
83.3%	83.3% #3C1B42	RGB 60 27 66	#3C1B42
100.0%	100.0% #341334	RGB 52 19 52	#341334

#5E5A8A #564A7B #4F3C6D #49305F #432550 #3C1B42 #341334

#5E5A8A - #49305F - #341334

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5A8A 0%, #49305F 50%, #341334 100%);
    background: -webkit-linear-gradient(top, #5E5A8A 0%, #49305F 50%, #341334 100%);
    background: linear-gradient(to bottom, #5E5A8A 0%, #49305F 50%, #341334 100%);
}
</style>