#645270 - #520C5E | 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 #645270 to #520C5E

#645270 #520C5E

Calculate the color between two colors, #645270 and #520C5E. 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)

#645270 - #520C5E | 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 #645270 as 0% and #520C5E as 100%.

0.0%	0.0% #645270	RGB 100 82 112	#645270
16.7%	16.7% #61466D	RGB 97 70 109	#61466D
33.3%	33.3% #5E3A6A	RGB 94 58 106	#5E3A6A
50.0%	50.0% #5B2F67	RGB 91 47 103	#5B2F67
66.7%	66.7% #582364	RGB 88 35 100	#582364
83.3%	83.3% #551761	RGB 85 23 97	#551761
100.0%	100.0% #520C5E	RGB 82 12 94	#520C5E

#645270 #61466D #5E3A6A #5B2F67 #582364 #551761 #520C5E

#645270 - #520C5E

HSV Blend

#645270 - #520C5E | 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 #645270 as 0% and #520C5E as 100%.

0.0%	0.0% #645270	RGB 100 82 112	#645270
16.7%	16.7% #5E446D	RGB 94 68 109	#5E446D
33.3%	33.3% #5A386A	RGB 90 56 106	#5A386A
50.0%	50.0% #562C67	RGB 86 44 103	#562C67
66.7%	66.7% #542064	RGB 84 32 100	#542064
83.3%	83.3% #521661	RGB 82 22 97	#521661
100.0%	100.0% #520C5E	RGB 82 12 94	#520C5E

#645270 #5E446D #5A386A #562C67 #542064 #521661 #520C5E

#645270 - #562C67 - #520C5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #645270 0%, #562C67 50%, #520C5E 100%);
    background: -webkit-linear-gradient(top, #645270 0%, #562C67 50%, #520C5E 100%);
    background: linear-gradient(to bottom, #645270 0%, #562C67 50%, #520C5E 100%);
}
</style>