#9E5EB6 - #631A8D | 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 #9E5EB6 to #631A8D

#9E5EB6 #631A8D

Calculate the color between two colors, #9E5EB6 and #631A8D. 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)

#9E5EB6 - #631A8D | 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 #9E5EB6 as 0% and #631A8D as 100%.

0.0%	0.0% #9E5EB6	RGB 158 94 182	#9E5EB6
16.7%	16.7% #9452AF	RGB 148 82 175	#9452AF
33.3%	33.3% #8A47A8	RGB 138 71 168	#8A47A8
50.0%	50.0% #803CA1	RGB 128 60 161	#803CA1
66.7%	66.7% #76309A	RGB 118 48 154	#76309A
83.3%	83.3% #6C2593	RGB 108 37 147	#6C2593
100.0%	100.0% #631A8D	RGB 99 26 141	#631A8D

#9E5EB6 #9452AF #8A47A8 #803CA1 #76309A #6C2593 #631A8D

#9E5EB6 - #631A8D

HSV Blend

#9E5EB6 - #631A8D | 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 #9E5EB6 as 0% and #631A8D as 100%.

0.0%	0.0% #9E5EB6	RGB 158 94 182	#9E5EB6
16.7%	16.7% #9350AF	RGB 147 80 175	#9350AF
33.3%	33.3% #8944A8	RGB 137 68 168	#8944A8
50.0%	50.0% #8038A1	RGB 128 56 161	#8038A1
66.7%	66.7% #762D9A	RGB 118 45 154	#762D9A
83.3%	83.3% #6C2393	RGB 108 35 147	#6C2393
100.0%	100.0% #631A8D	RGB 99 26 141	#631A8D

#9E5EB6 #9350AF #8944A8 #8038A1 #762D9A #6C2393 #631A8D

#9E5EB6 - #8038A1 - #631A8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9E5EB6 0%, #8038A1 50%, #631A8D 100%);
    background: -webkit-linear-gradient(top, #9E5EB6 0%, #8038A1 50%, #631A8D 100%);
    background: linear-gradient(to bottom, #9E5EB6 0%, #8038A1 50%, #631A8D 100%);
}
</style>