#9C7A8C - #6D2B3C | 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 #9C7A8C to #6D2B3C

#9C7A8C #6D2B3C

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

#9C7A8C - #6D2B3C | 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 #9C7A8C as 0% and #6D2B3C as 100%.

0.0%	0.0% #9C7A8C	RGB 156 122 140	#9C7A8C
16.7%	16.7% #946C7E	RGB 148 108 126	#946C7E
33.3%	33.3% #8C5F71	RGB 140 95 113	#8C5F71
50.0%	50.0% #845264	RGB 132 82 100	#845264
66.7%	66.7% #7C4556	RGB 124 69 86	#7C4556
83.3%	83.3% #743849	RGB 116 56 73	#743849
100.0%	100.0% #6D2B3C	RGB 109 43 60	#6D2B3C

#9C7A8C #946C7E #8C5F71 #845264 #7C4556 #743849 #6D2B3C

#9C7A8C - #6D2B3C

HSV Blend

#9C7A8C - #6D2B3C | 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 #9C7A8C as 0% and #6D2B3C as 100%.

0.0%	0.0% #9C7A8C	RGB 156 122 140	#9C7A8C
16.7%	16.7% #946A7E	RGB 148 106 126	#946A7E
33.3%	33.3% #8C5B70	RGB 140 91 112	#8C5B70
50.0%	50.0% #844D63	RGB 132 77 99	#844D63
66.7%	66.7% #7C4155	RGB 124 65 85	#7C4155
83.3%	83.3% #743548	RGB 116 53 72	#743548
100.0%	100.0% #6D2B3C	RGB 109 43 60	#6D2B3C

#9C7A8C #946A7E #8C5B70 #844D63 #7C4155 #743548 #6D2B3C

#9C7A8C - #844D63 - #6D2B3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C7A8C 0%, #844D63 50%, #6D2B3C 100%);
    background: -webkit-linear-gradient(top, #9C7A8C 0%, #844D63 50%, #6D2B3C 100%);
    background: linear-gradient(to bottom, #9C7A8C 0%, #844D63 50%, #6D2B3C 100%);
}
</style>