#3E3E54 - #896BC1 | 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 #3E3E54 to #896BC1

#3E3E54 #896BC1

Calculate the color between two colors, #3E3E54 and #896BC1. 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)

#3E3E54 - #896BC1 | 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 #3E3E54 as 0% and #896BC1 as 100%.

0.0%	0.0% #3E3E54	RGB 62 62 84	#3E3E54
16.7%	16.7% #4A4566	RGB 74 69 102	#4A4566
33.3%	33.3% #574D78	RGB 87 77 120	#574D78
50.0%	50.0% #63548A	RGB 99 84 138	#63548A
66.7%	66.7% #705C9C	RGB 112 92 156	#705C9C
83.3%	83.3% #7C63AE	RGB 124 99 174	#7C63AE
100.0%	100.0% #896BC1	RGB 137 107 193	#896BC1

#3E3E54 #4A4566 #574D78 #63548A #705C9C #7C63AE #896BC1

#3E3E54 - #896BC1

HSV Blend

#3E3E54 - #896BC1 | 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 #3E3E54 as 0% and #896BC1 as 100%.

0.0%	0.0% #3E3E54	RGB 62 62 84	#3E3E54
16.7%	16.7% #4A4866	RGB 74 72 102	#4A4866
33.3%	33.3% #555178	RGB 85 81 120	#555178
50.0%	50.0% #62598A	RGB 98 89 138	#62598A
66.7%	66.7% #6E609C	RGB 110 96 156	#6E609C
83.3%	83.3% #7B66AE	RGB 123 102 174	#7B66AE
100.0%	100.0% #896BC1	RGB 137 107 193	#896BC1

#3E3E54 #4A4866 #555178 #62598A #6E609C #7B66AE #896BC1

#3E3E54 - #62598A - #896BC1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E54 0%, #62598A 50%, #896BC1 100%);
    background: -webkit-linear-gradient(top, #3E3E54 0%, #62598A 50%, #896BC1 100%);
    background: linear-gradient(to bottom, #3E3E54 0%, #62598A 50%, #896BC1 100%);
}
</style>