#9F7D9C - #2D232C | 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 #9F7D9C to #2D232C

#9F7D9C #2D232C

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

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

0.0%	0.0% #9F7D9C	RGB 159 125 156	#9F7D9C
16.7%	16.7% #8C6E89	RGB 140 110 137	#8C6E89
33.3%	33.3% #795F76	RGB 121 95 118	#795F76
50.0%	50.0% #665064	RGB 102 80 100	#665064
66.7%	66.7% #534151	RGB 83 65 81	#534151
83.3%	83.3% #40323E	RGB 64 50 62	#40323E
100.0%	100.0% #2D232C	RGB 45 35 44	#2D232C

#9F7D9C #8C6E89 #795F76 #665064 #534151 #40323E #2D232C

#9F7D9C - #2D232C

HSV Blend

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

0.0%	0.0% #9F7D9C	RGB 159 125 156	#9F7D9C
16.7%	16.7% #8C6D89	RGB 140 109 137	#8C6D89
33.3%	33.3% #795E76	RGB 121 94 118	#795E76
50.0%	50.0% #664F63	RGB 102 79 99	#664F63
66.7%	66.7% #534051	RGB 83 64 81	#534051
83.3%	83.3% #40313E	RGB 64 49 62	#40313E
100.0%	100.0% #2D232C	RGB 45 35 44	#2D232C

#9F7D9C #8C6D89 #795E76 #664F63 #534051 #40313E #2D232C

#9F7D9C - #664F63 - #2D232C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F7D9C 0%, #664F63 50%, #2D232C 100%);
    background: -webkit-linear-gradient(top, #9F7D9C 0%, #664F63 50%, #2D232C 100%);
    background: linear-gradient(to bottom, #9F7D9C 0%, #664F63 50%, #2D232C 100%);
}
</style>