#9C7E8C - #6C2F3D | 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 #9C7E8C to #6C2F3D

#9C7E8C #6C2F3D

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

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

0.0%	0.0% #9C7E8C	RGB 156 126 140	#9C7E8C
16.7%	16.7% #94707E	RGB 148 112 126	#94707E
33.3%	33.3% #8C6371	RGB 140 99 113	#8C6371
50.0%	50.0% #845664	RGB 132 86 100	#845664
66.7%	66.7% #7C4957	RGB 124 73 87	#7C4957
83.3%	83.3% #743C4A	RGB 116 60 74	#743C4A
100.0%	100.0% #6C2F3D	RGB 108 47 61	#6C2F3D

#9C7E8C #94707E #8C6371 #845664 #7C4957 #743C4A #6C2F3D

#9C7E8C - #6C2F3D

HSV Blend

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

0.0%	0.0% #9C7E8C	RGB 156 126 140	#9C7E8C
16.7%	16.7% #946E7E	RGB 148 110 126	#946E7E
33.3%	33.3% #8C5F70	RGB 140 95 112	#8C5F70
50.0%	50.0% #845263	RGB 132 82 99	#845263
66.7%	66.7% #7C4556	RGB 124 69 86	#7C4556
83.3%	83.3% #743949	RGB 116 57 73	#743949
100.0%	100.0% #6C2F3D	RGB 108 47 61	#6C2F3D

#9C7E8C #946E7E #8C5F70 #845263 #7C4556 #743949 #6C2F3D

#9C7E8C - #845263 - #6C2F3D

CSS codes

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

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