#9F5E9D - #4F244C | 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 #9F5E9D to #4F244C

#9F5E9D #4F244C

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

#9F5E9D - #4F244C | 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 #9F5E9D as 0% and #4F244C as 100%.

0.0%	0.0% #9F5E9D	RGB 159 94 157	#9F5E9D
16.7%	16.7% #91548F	RGB 145 84 143	#91548F
33.3%	33.3% #844A82	RGB 132 74 130	#844A82
50.0%	50.0% #774174	RGB 119 65 116	#774174
66.7%	66.7% #693767	RGB 105 55 103	#693767
83.3%	83.3% #5C2D59	RGB 92 45 89	#5C2D59
100.0%	100.0% #4F244C	RGB 79 36 76	#4F244C

#9F5E9D #91548F #844A82 #774174 #693767 #5C2D59 #4F244C

#9F5E9D - #4F244C

HSV Blend

#9F5E9D - #4F244C | 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 #9F5E9D as 0% and #4F244C as 100%.

0.0%	0.0% #9F5E9D	RGB 159 94 157	#9F5E9D
16.7%	16.7% #91528F	RGB 145 82 143	#91528F
33.3%	33.3% #844881	RGB 132 72 129	#844881
50.0%	50.0% #773E74	RGB 119 62 116	#773E74
66.7%	66.7% #693466	RGB 105 52 102	#693466
83.3%	83.3% #5C2C59	RGB 92 44 89	#5C2C59
100.0%	100.0% #4F244C	RGB 79 36 76	#4F244C

#9F5E9D #91528F #844881 #773E74 #693466 #5C2C59 #4F244C

#9F5E9D - #773E74 - #4F244C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F5E9D 0%, #773E74 50%, #4F244C 100%);
    background: -webkit-linear-gradient(top, #9F5E9D 0%, #773E74 50%, #4F244C 100%);
    background: linear-gradient(to bottom, #9F5E9D 0%, #773E74 50%, #4F244C 100%);
}
</style>