#B095E7 - #322A42 | 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 #B095E7 to #322A42

#B095E7 #322A42

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

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

0.0%	0.0% #B095E7	RGB 176 149 231	#B095E7
16.7%	16.7% #9B83CB	RGB 155 131 203	#9B83CB
33.3%	33.3% #8671B0	RGB 134 113 176	#8671B0
50.0%	50.0% #715F94	RGB 113 95 148	#715F94
66.7%	66.7% #5C4D79	RGB 92 77 121	#5C4D79
83.3%	83.3% #473B5D	RGB 71 59 93	#473B5D
100.0%	100.0% #322A42	RGB 50 42 66	#322A42

#B095E7 #9B83CB #8671B0 #715F94 #5C4D79 #473B5D #322A42

#B095E7 - #322A42

HSV Blend

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

0.0%	0.0% #AF95E7	RGB 175 149 231	#AF95E7
16.7%	16.7% #9A82CB	RGB 154 130 203	#9A82CB
33.3%	33.3% #8571B0	RGB 133 113 176	#8571B0
50.0%	50.0% #705F94	RGB 112 95 148	#705F94
66.7%	66.7% #5B4D79	RGB 91 77 121	#5B4D79
83.3%	83.3% #463B5D	RGB 70 59 93	#463B5D
100.0%	100.0% #322A42	RGB 50 42 66	#322A42

#AF95E7 #9A82CB #8571B0 #705F94 #5B4D79 #463B5D #322A42

#B095E7 - #705F94 - #322A42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF95E7 0%, #705F94 50%, #322A42 100%);
    background: -webkit-linear-gradient(top, #AF95E7 0%, #705F94 50%, #322A42 100%);
    background: linear-gradient(to bottom, #AF95E7 0%, #705F94 50%, #322A42 100%);
}
</style>