#9F5E7D - #2D1A23 | 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 #9F5E7D to #2D1A23

#9F5E7D #2D1A23

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

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

0.0%	0.0% #9F5E7D	RGB 159 94 125	#9F5E7D
16.7%	16.7% #8C526E	RGB 140 82 110	#8C526E
33.3%	33.3% #79475F	RGB 121 71 95	#79475F
50.0%	50.0% #663C50	RGB 102 60 80	#663C50
66.7%	66.7% #533041	RGB 83 48 65	#533041
83.3%	83.3% #402532	RGB 64 37 50	#402532
100.0%	100.0% #2D1A23	RGB 45 26 35	#2D1A23

#9F5E7D #8C526E #79475F #663C50 #533041 #402532 #2D1A23

#9F5E7D - #2D1A23

HSV Blend

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

0.0%	0.0% #9F5E7D	RGB 159 94 125	#9F5E7D
16.7%	16.7% #8C526D	RGB 140 82 109	#8C526D
33.3%	33.3% #79465E	RGB 121 70 94	#79465E
50.0%	50.0% #663B4F	RGB 102 59 79	#663B4F
66.7%	66.7% #533040	RGB 83 48 64	#533040
83.3%	83.3% #402531	RGB 64 37 49	#402531
100.0%	100.0% #2D1A23	RGB 45 26 35	#2D1A23

#9F5E7D #8C526D #79465E #663B4F #533040 #402531 #2D1A23

#9F5E7D - #663B4F - #2D1A23

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F5E7D 0%, #663B4F 50%, #2D1A23 100%);
    background: -webkit-linear-gradient(top, #9F5E7D 0%, #663B4F 50%, #2D1A23 100%);
    background: linear-gradient(to bottom, #9F5E7D 0%, #663B4F 50%, #2D1A23 100%);
}
</style>