#402D5E - #220245 | 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 #402D5E to #220245

#402D5E #220245

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

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

0.0%	0.0% #402D5E	RGB 64 45 94	#402D5E
16.7%	16.7% #3B2559	RGB 59 37 89	#3B2559
33.3%	33.3% #361E55	RGB 54 30 85	#361E55
50.0%	50.0% #311751	RGB 49 23 81	#311751
66.7%	66.7% #2C104D	RGB 44 16 77	#2C104D
83.3%	83.3% #270949	RGB 39 9 73	#270949
100.0%	100.0% #220245	RGB 34 2 69	#220245

#402D5E #3B2559 #361E55 #311751 #2C104D #270949 #220245

#402D5E - #220245

HSV Blend

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

0.0%	0.0% #402D5E	RGB 64 45 94	#402D5E
16.7%	16.7% #392459	RGB 57 36 89	#392459
33.3%	33.3% #341C55	RGB 52 28 85	#341C55
50.0%	50.0% #2F1451	RGB 47 20 81	#2F1451
66.7%	66.7% #2A0D4D	RGB 42 13 77	#2A0D4D
83.3%	83.3% #250749	RGB 37 7 73	#250749
100.0%	100.0% #220245	RGB 34 2 69	#220245

#402D5E #392459 #341C55 #2F1451 #2A0D4D #250749 #220245

#402D5E - #2F1451 - #220245

CSS codes

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

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