#63566C - #540D5E | 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 #63566C to #540D5E

#63566C #540D5E

Calculate the color between two colors, #63566C and #540D5E. 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)

#63566C - #540D5E | 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 #63566C as 0% and #540D5E as 100%.

0.0%	0.0% #63566C	RGB 99 86 108	#63566C
16.7%	16.7% #604969	RGB 96 73 105	#604969
33.3%	33.3% #5E3D67	RGB 94 61 103	#5E3D67
50.0%	50.0% #5B3165	RGB 91 49 101	#5B3165
66.7%	66.7% #592562	RGB 89 37 98	#592562
83.3%	83.3% #561960	RGB 86 25 96	#561960
100.0%	100.0% #540D5E	RGB 84 13 94	#540D5E

#63566C #604969 #5E3D67 #5B3165 #592562 #561960 #540D5E

#63566C - #540D5E

HSV Blend

#63566C - #540D5E | 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 #63566C as 0% and #540D5E as 100%.

0.0%	0.0% #63566C	RGB 99 86 108	#63566C
16.7%	16.7% #5D4869	RGB 93 72 105	#5D4869
33.3%	33.3% #593B67	RGB 89 59 103	#593B67
50.0%	50.0% #562F65	RGB 86 47 101	#562F65
66.7%	66.7% #542362	RGB 84 35 98	#542362
83.3%	83.3% #531760	RGB 83 23 96	#531760
100.0%	100.0% #540D5E	RGB 84 13 94	#540D5E

#63566C #5D4869 #593B67 #562F65 #542362 #531760 #540D5E

#63566C - #562F65 - #540D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #63566C 0%, #562F65 50%, #540D5E 100%);
    background: -webkit-linear-gradient(top, #63566C 0%, #562F65 50%, #540D5E 100%);
    background: linear-gradient(to bottom, #63566C 0%, #562F65 50%, #540D5E 100%);
}
</style>