#9480A8 - #682C8C | 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 #9480A8 to #682C8C

#9480A8 #682C8C

Calculate the color between two colors, #9480A8 and #682C8C. 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)

#9480A8 - #682C8C | 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 #9480A8 as 0% and #682C8C as 100%.

0.0%	0.0% #9480A8	RGB 148 128 168	#9480A8
16.7%	16.7% #8C72A3	RGB 140 114 163	#8C72A3
33.3%	33.3% #85649E	RGB 133 100 158	#85649E
50.0%	50.0% #7E569A	RGB 126 86 154	#7E569A
66.7%	66.7% #764895	RGB 118 72 149	#764895
83.3%	83.3% #6F3A90	RGB 111 58 144	#6F3A90
100.0%	100.0% #682C8C	RGB 104 44 140	#682C8C

#9480A8 #8C72A3 #85649E #7E569A #764895 #6F3A90 #682C8C

#9480A8 - #682C8C

HSV Blend

#9480A8 - #682C8C | 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 #9480A8 as 0% and #682C8C as 100%.

0.0%	0.0% #9480A8	RGB 148 128 168	#9480A8
16.7%	16.7% #8A70A3	RGB 138 112 163	#8A70A3
33.3%	33.3% #82619E	RGB 130 97 158	#82619E
50.0%	50.0% #7A529A	RGB 122 82 154	#7A529A
66.7%	66.7% #734595	RGB 115 69 149	#734595
83.3%	83.3% #6D3890	RGB 109 56 144	#6D3890
100.0%	100.0% #682C8C	RGB 104 44 140	#682C8C

#9480A8 #8A70A3 #82619E #7A529A #734595 #6D3890 #682C8C

#9480A8 - #7A529A - #682C8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9480A8 0%, #7A529A 50%, #682C8C 100%);
    background: -webkit-linear-gradient(top, #9480A8 0%, #7A529A 50%, #682C8C 100%);
    background: linear-gradient(to bottom, #9480A8 0%, #7A529A 50%, #682C8C 100%);
}
</style>