#9C7EAF - #4D285F | 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 #9C7EAF to #4D285F

#9C7EAF #4D285F

Calculate the color between two colors, #9C7EAF and #4D285F. 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)

#9C7EAF - #4D285F | 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 #9C7EAF as 0% and #4D285F as 100%.

0.0%	0.0% #9C7EAF	RGB 156 126 175	#9C7EAF
16.7%	16.7% #8E6FA1	RGB 142 111 161	#8E6FA1
33.3%	33.3% #816194	RGB 129 97 148	#816194
50.0%	50.0% #745387	RGB 116 83 135	#745387
66.7%	66.7% #674479	RGB 103 68 121	#674479
83.3%	83.3% #5A366C	RGB 90 54 108	#5A366C
100.0%	100.0% #4D285F	RGB 77 40 95	#4D285F

#9C7EAF #8E6FA1 #816194 #745387 #674479 #5A366C #4D285F

#9C7EAF - #4D285F

HSV Blend

#9C7EAF - #4D285F | 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 #9C7EAF as 0% and #4D285F as 100%.

0.0%	0.0% #9B7EAF	RGB 155 126 175	#9B7EAF
16.7%	16.7% #8D6CA1	RGB 141 108 161	#8D6CA1
33.3%	33.3% #7F5C94	RGB 127 92 148	#7F5C94
50.0%	50.0% #724D87	RGB 114 77 135	#724D87
66.7%	66.7% #653F79	RGB 101 63 121	#653F79
83.3%	83.3% #58336C	RGB 88 51 108	#58336C
100.0%	100.0% #4D285F	RGB 77 40 95	#4D285F

#9B7EAF #8D6CA1 #7F5C94 #724D87 #653F79 #58336C #4D285F

#9C7EAF - #724D87 - #4D285F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9B7EAF 0%, #724D87 50%, #4D285F 100%);
    background: -webkit-linear-gradient(top, #9B7EAF 0%, #724D87 50%, #4D285F 100%);
    background: linear-gradient(to bottom, #9B7EAF 0%, #724D87 50%, #4D285F 100%);
}
</style>