#5E5097 - #300C3C | 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 #5E5097 to #300C3C

#5E5097 #300C3C

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

#5E5097 - #300C3C | 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 #5E5097 as 0% and #300C3C as 100%.

0.0%	0.0% #5E5097	RGB 94 80 151	#5E5097
16.7%	16.7% #564487	RGB 86 68 135	#564487
33.3%	33.3% #4E3978	RGB 78 57 120	#4E3978
50.0%	50.0% #472E69	RGB 71 46 105	#472E69
66.7%	66.7% #3F225A	RGB 63 34 90	#3F225A
83.3%	83.3% #37174B	RGB 55 23 75	#37174B
100.0%	100.0% #300C3C	RGB 48 12 60	#300C3C

#5E5097 #564487 #4E3978 #472E69 #3F225A #37174B #300C3C

#5E5097 - #300C3C

HSV Blend

#5E5097 - #300C3C | 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 #5E5097 as 0% and #300C3C as 100%.

0.0%	0.0% #5E5097	RGB 94 80 151	#5E5097
16.7%	16.7% #554087	RGB 85 64 135	#554087
33.3%	33.3% #4D3278	RGB 77 50 120	#4D3278
50.0%	50.0% #462669	RGB 70 38 105	#462669
66.7%	66.7% #3F1B5A	RGB 63 27 90	#3F1B5A
83.3%	83.3% #38134B	RGB 56 19 75	#38134B
100.0%	100.0% #300C3C	RGB 48 12 60	#300C3C

#5E5097 #554087 #4D3278 #462669 #3F1B5A #38134B #300C3C

#5E5097 - #462669 - #300C3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5097 0%, #462669 50%, #300C3C 100%);
    background: -webkit-linear-gradient(top, #5E5097 0%, #462669 50%, #300C3C 100%);
    background: linear-gradient(to bottom, #5E5097 0%, #462669 50%, #300C3C 100%);
}
</style>