#B469D3 - #331E3C | 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 #B469D3 to #331E3C

#B469D3 #331E3C

Calculate the color between two colors, #B469D3 and #331E3C. 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)

#B469D3 - #331E3C | 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 #B469D3 as 0% and #331E3C as 100%.

0.0%	0.0% #B469D3	RGB 180 105 211	#B469D3
16.7%	16.7% #9E5CB9	RGB 158 92 185	#9E5CB9
33.3%	33.3% #8950A0	RGB 137 80 160	#8950A0
50.0%	50.0% #734387	RGB 115 67 135	#734387
66.7%	66.7% #5E376E	RGB 94 55 110	#5E376E
83.3%	83.3% #482A55	RGB 72 42 85	#482A55
100.0%	100.0% #331E3C	RGB 51 30 60	#331E3C

#B469D3 #9E5CB9 #8950A0 #734387 #5E376E #482A55 #331E3C

#B469D3 - #331E3C

HSV Blend

#B469D3 - #331E3C | 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 #B469D3 as 0% and #331E3C as 100%.

0.0%	0.0% #B469D3	RGB 180 105 211	#B469D3
16.7%	16.7% #9E5CB9	RGB 158 92 185	#9E5CB9
33.3%	33.3% #8850A0	RGB 136 80 160	#8850A0
50.0%	50.0% #734387	RGB 115 67 135	#734387
66.7%	66.7% #5D376E	RGB 93 55 110	#5D376E
83.3%	83.3% #482A55	RGB 72 42 85	#482A55
100.0%	100.0% #331E3C	RGB 51 30 60	#331E3C

#B469D3 #9E5CB9 #8850A0 #734387 #5D376E #482A55 #331E3C

#B469D3 - #734387 - #331E3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B469D3 0%, #734387 50%, #331E3C 100%);
    background: -webkit-linear-gradient(top, #B469D3 0%, #734387 50%, #331E3C 100%);
    background: linear-gradient(to bottom, #B469D3 0%, #734387 50%, #331E3C 100%);
}
</style>