#996D9C - #41224B | 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 #996D9C to #41224B

#996D9C #41224B

Calculate the color between two colors, #996D9C and #41224B. 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)

#996D9C - #41224B | 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 #996D9C as 0% and #41224B as 100%.

0.0%	0.0% #996D9C	RGB 153 109 156	#996D9C
16.7%	16.7% #8A608E	RGB 138 96 142	#8A608E
33.3%	33.3% #7B5481	RGB 123 84 129	#7B5481
50.0%	50.0% #6D4773	RGB 109 71 115	#6D4773
66.7%	66.7% #5E3B66	RGB 94 59 102	#5E3B66
83.3%	83.3% #4F2E58	RGB 79 46 88	#4F2E58
100.0%	100.0% #41224B	RGB 65 34 75	#41224B

#996D9C #8A608E #7B5481 #6D4773 #5E3B66 #4F2E58 #41224B

#996D9C - #41224B

HSV Blend

#996D9C - #41224B | 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 #996D9C as 0% and #41224B as 100%.

0.0%	0.0% #996D9C	RGB 153 109 156	#996D9C
16.7%	16.7% #895D8E	RGB 137 93 142	#895D8E
33.3%	33.3% #7A4F81	RGB 122 79 129	#7A4F81
50.0%	50.0% #6B4273	RGB 107 66 115	#6B4273
66.7%	66.7% #5D3666	RGB 93 54 102	#5D3666
83.3%	83.3% #4E2B58	RGB 78 43 88	#4E2B58
100.0%	100.0% #41224B	RGB 65 34 75	#41224B

#996D9C #895D8E #7A4F81 #6B4273 #5D3666 #4E2B58 #41224B

#996D9C - #6B4273 - #41224B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #996D9C 0%, #6B4273 50%, #41224B 100%);
    background: -webkit-linear-gradient(top, #996D9C 0%, #6B4273 50%, #41224B 100%);
    background: linear-gradient(to bottom, #996D9C 0%, #6B4273 50%, #41224B 100%);
}
</style>