#9C75DC - #4D0E93 | 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 #9C75DC to #4D0E93

#9C75DC #4D0E93

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

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

0.0%	0.0% #9C75DC	RGB 156 117 220	#9C75DC
16.7%	16.7% #8E63CF	RGB 142 99 207	#8E63CF
33.3%	33.3% #8152C3	RGB 129 82 195	#8152C3
50.0%	50.0% #7441B7	RGB 116 65 183	#7441B7
66.7%	66.7% #6730AB	RGB 103 48 171	#6730AB
83.3%	83.3% #5A1F9F	RGB 90 31 159	#5A1F9F
100.0%	100.0% #4D0E93	RGB 77 14 147	#4D0E93

#9C75DC #8E63CF #8152C3 #7441B7 #6730AB #5A1F9F #4D0E93

#9C75DC - #4D0E93

HSV Blend

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

0.0%	0.0% #9C75DC	RGB 156 117 220	#9C75DC
16.7%	16.7% #8B5FCF	RGB 139 95 207	#8B5FCF
33.3%	33.3% #7C4BC3	RGB 124 75 195	#7C4BC3
50.0%	50.0% #6F39B7	RGB 111 57 183	#6F39B7
66.7%	66.7% #6229AB	RGB 98 41 171	#6229AB
83.3%	83.3% #571A9F	RGB 87 26 159	#571A9F
100.0%	100.0% #4D0E93	RGB 77 14 147	#4D0E93

#9C75DC #8B5FCF #7C4BC3 #6F39B7 #6229AB #571A9F #4D0E93

#9C75DC - #6F39B7 - #4D0E93

CSS codes

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

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