#5A566C - #320D5E | 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 #5A566C to #320D5E

#5A566C #320D5E

Calculate the color between two colors, #5A566C and #320D5E. 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)

#5A566C - #320D5E | 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 #5A566C as 0% and #320D5E as 100%.

0.0%	0.0% #5A566C	RGB 90 86 108	#5A566C
16.7%	16.7% #534969	RGB 83 73 105	#534969
33.3%	33.3% #4C3D67	RGB 76 61 103	#4C3D67
50.0%	50.0% #463165	RGB 70 49 101	#463165
66.7%	66.7% #3F2562	RGB 63 37 98	#3F2562
83.3%	83.3% #381960	RGB 56 25 96	#381960
100.0%	100.0% #320D5E	RGB 50 13 94	#320D5E

#5A566C #534969 #4C3D67 #463165 #3F2562 #381960 #320D5E

#5A566C - #320D5E

HSV Blend

#5A566C - #320D5E | 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 #5A566C as 0% and #320D5E as 100%.

0.0%	0.0% #5A566C	RGB 90 86 108	#5A566C
16.7%	16.7% #504869	RGB 80 72 105	#504869
33.3%	33.3% #473B67	RGB 71 59 103	#473B67
50.0%	50.0% #402F65	RGB 64 47 101	#402F65
66.7%	66.7% #3A2362	RGB 58 35 98	#3A2362
83.3%	83.3% #351760	RGB 53 23 96	#351760
100.0%	100.0% #320D5E	RGB 50 13 94	#320D5E

#5A566C #504869 #473B67 #402F65 #3A2362 #351760 #320D5E

#5A566C - #402F65 - #320D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A566C 0%, #402F65 50%, #320D5E 100%);
    background: -webkit-linear-gradient(top, #5A566C 0%, #402F65 50%, #320D5E 100%);
    background: linear-gradient(to bottom, #5A566C 0%, #402F65 50%, #320D5E 100%);
}
</style>