#422C5E - #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 #422C5E to #200544

#422C5E #200544

Calculate the color between two colors, #422C5E 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)

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

0.0%	0.0% #422C5E	RGB 66 44 94	#422C5E
16.7%	16.7% #3C2559	RGB 60 37 89	#3C2559
33.3%	33.3% #361F55	RGB 54 31 85	#361F55
50.0%	50.0% #311851	RGB 49 24 81	#311851
66.7%	66.7% #2B114C	RGB 43 17 76	#2B114C
83.3%	83.3% #250B48	RGB 37 11 72	#250B48
100.0%	100.0% #200544	RGB 32 5 68	#200544

#422C5E #3C2559 #361F55 #311851 #2B114C #250B48 #200544

#422C5E - #200544

HSV Blend

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

0.0%	0.0% #422C5E	RGB 66 44 94	#422C5E
16.7%	16.7% #3B2459	RGB 59 36 89	#3B2459
33.3%	33.3% #351C55	RGB 53 28 85	#351C55
50.0%	50.0% #2F1551	RGB 47 21 81	#2F1551
66.7%	66.7% #2A0F4C	RGB 42 15 76	#2A0F4C
83.3%	83.3% #240A48	RGB 36 10 72	#240A48
100.0%	100.0% #200544	RGB 32 5 68	#200544

#422C5E #3B2459 #351C55 #2F1551 #2A0F4C #240A48 #200544

#422C5E - #2F1551 - #200544

CSS codes

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

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