#200B5A - #7D4A8B | 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 #200B5A to #7D4A8B

#200B5A #7D4A8B

Calculate the color between two colors, #200B5A and #7D4A8B. 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)

#200B5A - #7D4A8B | 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 #200B5A as 0% and #7D4A8B as 100%.

0.0%	0.0% #200B5A	RGB 32 11 90	#200B5A
16.7%	16.7% #2F1562	RGB 47 21 98	#2F1562
33.3%	33.3% #3F206A	RGB 63 32 106	#3F206A
50.0%	50.0% #4E2A72	RGB 78 42 114	#4E2A72
66.7%	66.7% #5E357A	RGB 94 53 122	#5E357A
83.3%	83.3% #6D3F82	RGB 109 63 130	#6D3F82
100.0%	100.0% #7D4A8B	RGB 125 74 139	#7D4A8B

#200B5A #2F1562 #3F206A #4E2A72 #5E357A #6D3F82 #7D4A8B

#200B5A - #7D4A8B

HSV Blend

#200B5A - #7D4A8B | 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 #200B5A as 0% and #7D4A8B as 100%.

0.0%	0.0% #200B5A	RGB 32 11 90	#200B5A
16.7%	16.7% #2E1262	RGB 46 18 98	#2E1262
33.3%	33.3% #3E1B6A	RGB 62 27 106	#3E1B6A
50.0%	50.0% #4D2572	RGB 77 37 114	#4D2572
66.7%	66.7% #5D307A	RGB 93 48 122	#5D307A
83.3%	83.3% #6D3C82	RGB 109 60 130	#6D3C82
100.0%	100.0% #7D4A8B	RGB 125 74 139	#7D4A8B

#200B5A #2E1262 #3E1B6A #4D2572 #5D307A #6D3C82 #7D4A8B

#200B5A - #4D2572 - #7D4A8B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #200B5A 0%, #4D2572 50%, #7D4A8B 100%);
    background: -webkit-linear-gradient(top, #200B5A 0%, #4D2572 50%, #7D4A8B 100%);
    background: linear-gradient(to bottom, #200B5A 0%, #4D2572 50%, #7D4A8B 100%);
}
</style>