#60566C - #4A0C5E | 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 #60566C to #4A0C5E

#60566C #4A0C5E

Calculate the color between two colors, #60566C and #4A0C5E. 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)

#60566C - #4A0C5E | 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 #60566C as 0% and #4A0C5E as 100%.

0.0%	0.0% #60566C	RGB 96 86 108	#60566C
16.7%	16.7% #5C4969	RGB 92 73 105	#5C4969
33.3%	33.3% #583D67	RGB 88 61 103	#583D67
50.0%	50.0% #553165	RGB 85 49 101	#553165
66.7%	66.7% #512462	RGB 81 36 98	#512462
83.3%	83.3% #4D1860	RGB 77 24 96	#4D1860
100.0%	100.0% #4A0C5E	RGB 74 12 94	#4A0C5E

#60566C #5C4969 #583D67 #553165 #512462 #4D1860 #4A0C5E

#60566C - #4A0C5E

HSV Blend

#60566C - #4A0C5E | 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 #60566C as 0% and #4A0C5E as 100%.

0.0%	0.0% #60566C	RGB 96 86 108	#60566C
16.7%	16.7% #594869	RGB 89 72 105	#594869
33.3%	33.3% #533B67	RGB 83 59 103	#533B67
50.0%	50.0% #4F2E65	RGB 79 46 101	#4F2E65
66.7%	66.7% #4C2262	RGB 76 34 98	#4C2262
83.3%	83.3% #4A1760	RGB 74 23 96	#4A1760
100.0%	100.0% #4A0C5E	RGB 74 12 94	#4A0C5E

#60566C #594869 #533B67 #4F2E65 #4C2262 #4A1760 #4A0C5E

#60566C - #4F2E65 - #4A0C5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #60566C 0%, #4F2E65 50%, #4A0C5E 100%);
    background: -webkit-linear-gradient(top, #60566C 0%, #4F2E65 50%, #4A0C5E 100%);
    background: linear-gradient(to bottom, #60566C 0%, #4F2E65 50%, #4A0C5E 100%);
}
</style>