#B095E5 - #322A41 | 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 #B095E5 to #322A41

#B095E5 #322A41

Calculate the color between two colors, #B095E5 and #322A41. 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)

#B095E5 - #322A41 | 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 #B095E5 as 0% and #322A41 as 100%.

0.0%	0.0% #B095E5	RGB 176 149 229	#B095E5
16.7%	16.7% #9B83C9	RGB 155 131 201	#9B83C9
33.3%	33.3% #8671AE	RGB 134 113 174	#8671AE
50.0%	50.0% #715F93	RGB 113 95 147	#715F93
66.7%	66.7% #5C4D77	RGB 92 77 119	#5C4D77
83.3%	83.3% #473B5C	RGB 71 59 92	#473B5C
100.0%	100.0% #322A41	RGB 50 42 65	#322A41

#B095E5 #9B83C9 #8671AE #715F93 #5C4D77 #473B5C #322A41

#B095E5 - #322A41

HSV Blend

#B095E5 - #322A41 | 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 #B095E5 as 0% and #322A41 as 100%.

0.0%	0.0% #B095E5	RGB 176 149 229	#B095E5
16.7%	16.7% #9B83C9	RGB 155 131 201	#9B83C9
33.3%	33.3% #8671AE	RGB 134 113 174	#8671AE
50.0%	50.0% #715F93	RGB 113 95 147	#715F93
66.7%	66.7% #5C4D77	RGB 92 77 119	#5C4D77
83.3%	83.3% #473B5C	RGB 71 59 92	#473B5C
100.0%	100.0% #322A41	RGB 50 42 65	#322A41

#B095E5 #9B83C9 #8671AE #715F93 #5C4D77 #473B5C #322A41

#B095E5 - #715F93 - #322A41

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B095E5 0%, #715F93 50%, #322A41 100%);
    background: -webkit-linear-gradient(top, #B095E5 0%, #715F93 50%, #322A41 100%);
    background: linear-gradient(to bottom, #B095E5 0%, #715F93 50%, #322A41 100%);
}
</style>