#854EB6 - #4B0458 | 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 #854EB6 to #4B0458

#854EB6 #4B0458

Calculate the color between two colors, #854EB6 and #4B0458. 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)

#854EB6 - #4B0458 | 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 #854EB6 as 0% and #4B0458 as 100%.

0.0%	0.0% #854EB6	RGB 133 78 182	#854EB6
16.7%	16.7% #7B41A6	RGB 123 65 166	#7B41A6
33.3%	33.3% #713596	RGB 113 53 150	#713596
50.0%	50.0% #682987	RGB 104 41 135	#682987
66.7%	66.7% #5E1C77	RGB 94 28 119	#5E1C77
83.3%	83.3% #541067	RGB 84 16 103	#541067
100.0%	100.0% #4B0458	RGB 75 4 88	#4B0458

#854EB6 #7B41A6 #713596 #682987 #5E1C77 #541067 #4B0458

#854EB6 - #4B0458

HSV Blend

#854EB6 - #4B0458 | 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 #854EB6 as 0% and #4B0458 as 100%.

0.0%	0.0% #854EB6	RGB 133 78 182	#854EB6
16.7%	16.7% #7A3CA6	RGB 122 60 166	#7A3CA6
33.3%	33.3% #702D96	RGB 112 45 150	#702D96
50.0%	50.0% #661F87	RGB 102 31 135	#661F87
66.7%	66.7% #5D1477	RGB 93 20 119	#5D1477
83.3%	83.3% #540B67	RGB 84 11 103	#540B67
100.0%	100.0% #4B0458	RGB 75 4 88	#4B0458

#854EB6 #7A3CA6 #702D96 #661F87 #5D1477 #540B67 #4B0458

#854EB6 - #661F87 - #4B0458

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #854EB6 0%, #661F87 50%, #4B0458 100%);
    background: -webkit-linear-gradient(top, #854EB6 0%, #661F87 50%, #4B0458 100%);
    background: linear-gradient(to bottom, #854EB6 0%, #661F87 50%, #4B0458 100%);
}
</style>