#492C5E - #9C4DC8 | 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 #492C5E to #9C4DC8

#492C5E #9C4DC8

Calculate the color between two colors, #492C5E and #9C4DC8. 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)

#492C5E - #9C4DC8 | 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 #492C5E as 0% and #9C4DC8 as 100%.

0.0%	0.0% #492C5E	RGB 73 44 94	#492C5E
16.7%	16.7% #56316F	RGB 86 49 111	#56316F
33.3%	33.3% #643781	RGB 100 55 129	#643781
50.0%	50.0% #723C93	RGB 114 60 147	#723C93
66.7%	66.7% #8042A4	RGB 128 66 164	#8042A4
83.3%	83.3% #8E47B6	RGB 142 71 182	#8E47B6
100.0%	100.0% #9C4DC8	RGB 156 77 200	#9C4DC8

#492C5E #56316F #643781 #723C93 #8042A4 #8E47B6 #9C4DC8

#492C5E - #9C4DC8

HSV Blend

#492C5E - #9C4DC8 | 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 #492C5E as 0% and #9C4DC8 as 100%.

0.0%	0.0% #482C5E	RGB 72 44 94	#482C5E
16.7%	16.7% #56326F	RGB 86 50 111	#56326F
33.3%	33.3% #643881	RGB 100 56 129	#643881
50.0%	50.0% #723E93	RGB 114 62 147	#723E93
66.7%	66.7% #8043A4	RGB 128 67 164	#8043A4
83.3%	83.3% #8D48B6	RGB 141 72 182	#8D48B6
100.0%	100.0% #9C4DC8	RGB 156 77 200	#9C4DC8

#482C5E #56326F #643881 #723E93 #8043A4 #8D48B6 #9C4DC8

#492C5E - #723E93 - #9C4DC8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #482C5E 0%, #723E93 50%, #9C4DC8 100%);
    background: -webkit-linear-gradient(top, #482C5E 0%, #723E93 50%, #9C4DC8 100%);
    background: linear-gradient(to bottom, #482C5E 0%, #723E93 50%, #9C4DC8 100%);
}
</style>