#7766DA - #221D3E | 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 #7766DA to #221D3E

#7766DA #221D3E

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

#7766DA - #221D3E | 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 #7766DA as 0% and #221D3E as 100%.

0.0%	0.0% #7766DA	RGB 119 102 218	#7766DA
16.7%	16.7% #6859C0	RGB 104 89 192	#6859C0
33.3%	33.3% #5A4DA6	RGB 90 77 166	#5A4DA6
50.0%	50.0% #4C418C	RGB 76 65 140	#4C418C
66.7%	66.7% #3E3572	RGB 62 53 114	#3E3572
83.3%	83.3% #302958	RGB 48 41 88	#302958
100.0%	100.0% #221D3E	RGB 34 29 62	#221D3E

#7766DA #6859C0 #5A4DA6 #4C418C #3E3572 #302958 #221D3E

#7766DA - #221D3E

HSV Blend

#7766DA - #221D3E | 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 #7766DA as 0% and #221D3E as 100%.

0.0%	0.0% #7766DA	RGB 119 102 218	#7766DA
16.7%	16.7% #6859C0	RGB 104 89 192	#6859C0
33.3%	33.3% #5A4DA6	RGB 90 77 166	#5A4DA6
50.0%	50.0% #4C418C	RGB 76 65 140	#4C418C
66.7%	66.7% #3E3572	RGB 62 53 114	#3E3572
83.3%	83.3% #302958	RGB 48 41 88	#302958
100.0%	100.0% #221D3E	RGB 34 29 62	#221D3E

#7766DA #6859C0 #5A4DA6 #4C418C #3E3572 #302958 #221D3E

#7766DA - #4C418C - #221D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7766DA 0%, #4C418C 50%, #221D3E 100%);
    background: -webkit-linear-gradient(top, #7766DA 0%, #4C418C 50%, #221D3E 100%);
    background: linear-gradient(to bottom, #7766DA 0%, #4C418C 50%, #221D3E 100%);
}
</style>