#7E6BAD - #221E5A | 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 #7E6BAD to #221E5A

#7E6BAD #221E5A

Calculate the color between two colors, #7E6BAD and #221E5A. 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)

#7E6BAD - #221E5A | 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 #7E6BAD as 0% and #221E5A as 100%.

0.0%	0.0% #7E6BAD	RGB 126 107 173	#7E6BAD
16.7%	16.7% #6E5E9F	RGB 110 94 159	#6E5E9F
33.3%	33.3% #5F5191	RGB 95 81 145	#5F5191
50.0%	50.0% #504483	RGB 80 68 131	#504483
66.7%	66.7% #403775	RGB 64 55 117	#403775
83.3%	83.3% #312A67	RGB 49 42 103	#312A67
100.0%	100.0% #221E5A	RGB 34 30 90	#221E5A

#7E6BAD #6E5E9F #5F5191 #504483 #403775 #312A67 #221E5A

#7E6BAD - #221E5A

HSV Blend

#7E6BAD - #221E5A | 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 #7E6BAD as 0% and #221E5A as 100%.

0.0%	0.0% #7E6BAD	RGB 126 107 173	#7E6BAD
16.7%	16.7% #6C5A9F	RGB 108 90 159	#6C5A9F
33.3%	33.3% #5A4C91	RGB 90 76 145	#5A4C91
50.0%	50.0% #4A3E83	RGB 74 62 131	#4A3E83
66.7%	66.7% #3B3275	RGB 59 50 117	#3B3275
83.3%	83.3% #2E2767	RGB 46 39 103	#2E2767
100.0%	100.0% #221E5A	RGB 34 30 90	#221E5A

#7E6BAD #6C5A9F #5A4C91 #4A3E83 #3B3275 #2E2767 #221E5A

#7E6BAD - #4A3E83 - #221E5A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E6BAD 0%, #4A3E83 50%, #221E5A 100%);
    background: -webkit-linear-gradient(top, #7E6BAD 0%, #4A3E83 50%, #221E5A 100%);
    background: linear-gradient(to bottom, #7E6BAD 0%, #4A3E83 50%, #221E5A 100%);
}
</style>