#5E496D - #290C4D | 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 #5E496D to #290C4D

#5E496D #290C4D

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

#5E496D - #290C4D | 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 #5E496D as 0% and #290C4D as 100%.

0.0%	0.0% #5E496D	RGB 94 73 109	#5E496D
16.7%	16.7% #553E67	RGB 85 62 103	#553E67
33.3%	33.3% #4C3462	RGB 76 52 98	#4C3462
50.0%	50.0% #432A5D	RGB 67 42 93	#432A5D
66.7%	66.7% #3A2057	RGB 58 32 87	#3A2057
83.3%	83.3% #311652	RGB 49 22 82	#311652
100.0%	100.0% #290C4D	RGB 41 12 77	#290C4D

#5E496D #553E67 #4C3462 #432A5D #3A2057 #311652 #290C4D

#5E496D - #290C4D

HSV Blend

#5E496D - #290C4D | 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 #5E496D as 0% and #290C4D as 100%.

0.0%	0.0% #5E496D	RGB 94 73 109	#5E496D
16.7%	16.7% #543C67	RGB 84 60 103	#543C67
33.3%	33.3% #4B3162	RGB 75 49 98	#4B3162
50.0%	50.0% #42265D	RGB 66 38 93	#42265D
66.7%	66.7% #391C57	RGB 57 28 87	#391C57
83.3%	83.3% #311352	RGB 49 19 82	#311352
100.0%	100.0% #290C4D	RGB 41 12 77	#290C4D

#5E496D #543C67 #4B3162 #42265D #391C57 #311352 #290C4D

#5E496D - #42265D - #290C4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E496D 0%, #42265D 50%, #290C4D 100%);
    background: -webkit-linear-gradient(top, #5E496D 0%, #42265D 50%, #290C4D 100%);
    background: linear-gradient(to bottom, #5E496D 0%, #42265D 50%, #290C4D 100%);
}
</style>