#483B5E - #23064A | 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 #483B5E to #23064A

#483B5E #23064A

Calculate the color between two colors, #483B5E and #23064A. 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)

#483B5E - #23064A | 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 #483B5E as 0% and #23064A as 100%.

0.0%	0.0% #483B5E	RGB 72 59 94	#483B5E
16.7%	16.7% #41325A	RGB 65 50 90	#41325A
33.3%	33.3% #3B2957	RGB 59 41 87	#3B2957
50.0%	50.0% #352054	RGB 53 32 84	#352054
66.7%	66.7% #2F1750	RGB 47 23 80	#2F1750
83.3%	83.3% #290E4D	RGB 41 14 77	#290E4D
100.0%	100.0% #23064A	RGB 35 6 74	#23064A

#483B5E #41325A #3B2957 #352054 #2F1750 #290E4D #23064A

#483B5E - #23064A

HSV Blend

#483B5E - #23064A | 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 #483B5E as 0% and #23064A as 100%.

0.0%	0.0% #483B5E	RGB 72 59 94	#483B5E
16.7%	16.7% #40305A	RGB 64 48 90	#40305A
33.3%	33.3% #392657	RGB 57 38 87	#392657
50.0%	50.0% #331D54	RGB 51 29 84	#331D54
66.7%	66.7% #2D1550	RGB 45 21 80	#2D1550
83.3%	83.3% #280D4D	RGB 40 13 77	#280D4D
100.0%	100.0% #23064A	RGB 35 6 74	#23064A

#483B5E #40305A #392657 #331D54 #2D1550 #280D4D #23064A

#483B5E - #331D54 - #23064A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #483B5E 0%, #331D54 50%, #23064A 100%);
    background: -webkit-linear-gradient(top, #483B5E 0%, #331D54 50%, #23064A 100%);
    background: linear-gradient(to bottom, #483B5E 0%, #331D54 50%, #23064A 100%);
}
</style>