#9B5E8C - #631844 | 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 #9B5E8C to #631844

#9B5E8C #631844

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

#9B5E8C - #631844 | 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 #9B5E8C as 0% and #631844 as 100%.

0.0%	0.0% #9B5E8C	RGB 155 94 140	#9B5E8C
16.7%	16.7% #915280	RGB 145 82 128	#915280
33.3%	33.3% #884674	RGB 136 70 116	#884674
50.0%	50.0% #7F3B68	RGB 127 59 104	#7F3B68
66.7%	66.7% #752F5C	RGB 117 47 92	#752F5C
83.3%	83.3% #6C2350	RGB 108 35 80	#6C2350
100.0%	100.0% #631844	RGB 99 24 68	#631844

#9B5E8C #915280 #884674 #7F3B68 #752F5C #6C2350 #631844

#9B5E8C - #631844

HSV Blend

#9B5E8C - #631844 | 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 #9B5E8C as 0% and #631844 as 100%.

0.0%	0.0% #9B5E8C	RGB 155 94 140	#9B5E8C
16.7%	16.7% #914F7F	RGB 145 79 127	#914F7F
33.3%	33.3% #884273	RGB 136 66 115	#884273
50.0%	50.0% #7F3566	RGB 127 53 102	#7F3566
66.7%	66.7% #752A5A	RGB 117 42 90	#752A5A
83.3%	83.3% #6C204F	RGB 108 32 79	#6C204F
100.0%	100.0% #631844	RGB 99 24 68	#631844

#9B5E8C #914F7F #884273 #7F3566 #752A5A #6C204F #631844

#9B5E8C - #7F3566 - #631844

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9B5E8C 0%, #7F3566 50%, #631844 100%);
    background: -webkit-linear-gradient(top, #9B5E8C 0%, #7F3566 50%, #631844 100%);
    background: linear-gradient(to bottom, #9B5E8C 0%, #7F3566 50%, #631844 100%);
}
</style>