#8066DA - #231D3E | 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 #8066DA to #231D3E

#8066DA #231D3E

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

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

0.0%	0.0% #8066DA	RGB 128 102 218	#8066DA
16.7%	16.7% #7059C0	RGB 112 89 192	#7059C0
33.3%	33.3% #614DA6	RGB 97 77 166	#614DA6
50.0%	50.0% #51418C	RGB 81 65 140	#51418C
66.7%	66.7% #423572	RGB 66 53 114	#423572
83.3%	83.3% #322958	RGB 50 41 88	#322958
100.0%	100.0% #231D3E	RGB 35 29 62	#231D3E

#8066DA #7059C0 #614DA6 #51418C #423572 #322958 #231D3E

#8066DA - #231D3E

HSV Blend

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

0.0%	0.0% #8066DA	RGB 128 102 218	#8066DA
16.7%	16.7% #7059C0	RGB 112 89 192	#7059C0
33.3%	33.3% #604DA6	RGB 96 77 166	#604DA6
50.0%	50.0% #50418C	RGB 80 65 140	#50418C
66.7%	66.7% #413572	RGB 65 53 114	#413572
83.3%	83.3% #322958	RGB 50 41 88	#322958
100.0%	100.0% #231D3E	RGB 35 29 62	#231D3E

#8066DA #7059C0 #604DA6 #50418C #413572 #322958 #231D3E

#8066DA - #50418C - #231D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8066DA 0%, #50418C 50%, #231D3E 100%);
    background: -webkit-linear-gradient(top, #8066DA 0%, #50418C 50%, #231D3E 100%);
    background: linear-gradient(to bottom, #8066DA 0%, #50418C 50%, #231D3E 100%);
}
</style>