#412D5E - #200544 | 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 #412D5E to #200544

#412D5E #200544

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

#412D5E - #200544 | 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 #412D5E as 0% and #200544 as 100%.

0.0%	0.0% #412D5E	RGB 65 45 94	#412D5E
16.7%	16.7% #3B2659	RGB 59 38 89	#3B2659
33.3%	33.3% #361F55	RGB 54 31 85	#361F55
50.0%	50.0% #301951	RGB 48 25 81	#301951
66.7%	66.7% #2B124C	RGB 43 18 76	#2B124C
83.3%	83.3% #250B48	RGB 37 11 72	#250B48
100.0%	100.0% #200544	RGB 32 5 68	#200544

#412D5E #3B2659 #361F55 #301951 #2B124C #250B48 #200544

#412D5E - #200544

HSV Blend

#412D5E - #200544 | 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 #412D5E as 0% and #200544 as 100%.

0.0%	0.0% #412D5E	RGB 65 45 94	#412D5E
16.7%	16.7% #3A2459	RGB 58 36 89	#3A2459
33.3%	33.3% #341D55	RGB 52 29 85	#341D55
50.0%	50.0% #2E1651	RGB 46 22 81	#2E1651
66.7%	66.7% #290F4C	RGB 41 15 76	#290F4C
83.3%	83.3% #240A48	RGB 36 10 72	#240A48
100.0%	100.0% #200544	RGB 32 5 68	#200544

#412D5E #3A2459 #341D55 #2E1651 #290F4C #240A48 #200544

#412D5E - #2E1651 - #200544

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #412D5E 0%, #2E1651 50%, #200544 100%);
    background: -webkit-linear-gradient(top, #412D5E 0%, #2E1651 50%, #200544 100%);
    background: linear-gradient(to bottom, #412D5E 0%, #2E1651 50%, #200544 100%);
}
</style>