#B25CFF - #321A48 | 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 #B25CFF to #321A48

#B25CFF #321A48

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

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

0.0%	0.0% #B25CFF	RGB 178 92 255	#B25CFF
16.7%	16.7% #9C51E0	RGB 156 81 224	#9C51E0
33.3%	33.3% #8746C2	RGB 135 70 194	#8746C2
50.0%	50.0% #723BA3	RGB 114 59 163	#723BA3
66.7%	66.7% #5C3084	RGB 92 48 132	#5C3084
83.3%	83.3% #472566	RGB 71 37 102	#472566
100.0%	100.0% #321A48	RGB 50 26 72	#321A48

#B25CFF #9C51E0 #8746C2 #723BA3 #5C3084 #472566 #321A48

#B25CFF - #321A48

HSV Blend

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

0.0%	0.0% #B25BFF	RGB 178 91 255	#B25BFF
16.7%	16.7% #9C51E0	RGB 156 81 224	#9C51E0
33.3%	33.3% #8746C2	RGB 135 70 194	#8746C2
50.0%	50.0% #713BA3	RGB 113 59 163	#713BA3
66.7%	66.7% #5C3084	RGB 92 48 132	#5C3084
83.3%	83.3% #472566	RGB 71 37 102	#472566
100.0%	100.0% #321A48	RGB 50 26 72	#321A48

#B25BFF #9C51E0 #8746C2 #713BA3 #5C3084 #472566 #321A48

#B25CFF - #713BA3 - #321A48

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B25BFF 0%, #713BA3 50%, #321A48 100%);
    background: -webkit-linear-gradient(top, #B25BFF 0%, #713BA3 50%, #321A48 100%);
    background: linear-gradient(to bottom, #B25BFF 0%, #713BA3 50%, #321A48 100%);
}
</style>