#9B75DC - #2B213E | 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 #9B75DC to #2B213E

#9B75DC #2B213E

Calculate the color between two colors, #9B75DC and #2B213E. 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)

#9B75DC - #2B213E | 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 #9B75DC as 0% and #2B213E as 100%.

0.0%	0.0% #9B75DC	RGB 155 117 220	#9B75DC
16.7%	16.7% #8867C1	RGB 136 103 193	#8867C1
33.3%	33.3% #7559A7	RGB 117 89 167	#7559A7
50.0%	50.0% #634B8D	RGB 99 75 141	#634B8D
66.7%	66.7% #503D72	RGB 80 61 114	#503D72
83.3%	83.3% #3D2F58	RGB 61 47 88	#3D2F58
100.0%	100.0% #2B213E	RGB 43 33 62	#2B213E

#9B75DC #8867C1 #7559A7 #634B8D #503D72 #3D2F58 #2B213E

#9B75DC - #2B213E

HSV Blend

#9B75DC - #2B213E | 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 #9B75DC as 0% and #2B213E as 100%.

0.0%	0.0% #9A75DC	RGB 154 117 220	#9A75DC
16.7%	16.7% #8867C1	RGB 136 103 193	#8867C1
33.3%	33.3% #7559A7	RGB 117 89 167	#7559A7
50.0%	50.0% #624B8D	RGB 98 75 141	#624B8D
66.7%	66.7% #4F3D72	RGB 79 61 114	#4F3D72
83.3%	83.3% #3D2F58	RGB 61 47 88	#3D2F58
100.0%	100.0% #2B213E	RGB 43 33 62	#2B213E

#9A75DC #8867C1 #7559A7 #624B8D #4F3D72 #3D2F58 #2B213E

#9B75DC - #624B8D - #2B213E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A75DC 0%, #624B8D 50%, #2B213E 100%);
    background: -webkit-linear-gradient(top, #9A75DC 0%, #624B8D 50%, #2B213E 100%);
    background: linear-gradient(to bottom, #9A75DC 0%, #624B8D 50%, #2B213E 100%);
}
</style>