#B295FF - #322A48 | 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 #B295FF to #322A48

#B295FF #322A48

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

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

0.0%	0.0% #B295FF	RGB 178 149 255	#B295FF
16.7%	16.7% #9C83E0	RGB 156 131 224	#9C83E0
33.3%	33.3% #8771C2	RGB 135 113 194	#8771C2
50.0%	50.0% #725FA3	RGB 114 95 163	#725FA3
66.7%	66.7% #5C4D84	RGB 92 77 132	#5C4D84
83.3%	83.3% #473B66	RGB 71 59 102	#473B66
100.0%	100.0% #322A48	RGB 50 42 72	#322A48

#B295FF #9C83E0 #8771C2 #725FA3 #5C4D84 #473B66 #322A48

#B295FF - #322A48

HSV Blend

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

0.0%	0.0% #B295FF	RGB 178 149 255	#B295FF
16.7%	16.7% #9C83E0	RGB 156 131 224	#9C83E0
33.3%	33.3% #8771C2	RGB 135 113 194	#8771C2
50.0%	50.0% #715FA3	RGB 113 95 163	#715FA3
66.7%	66.7% #5C4D84	RGB 92 77 132	#5C4D84
83.3%	83.3% #473B66	RGB 71 59 102	#473B66
100.0%	100.0% #322A48	RGB 50 42 72	#322A48

#B295FF #9C83E0 #8771C2 #715FA3 #5C4D84 #473B66 #322A48

#B295FF - #715FA3 - #322A48

CSS codes

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

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