#C46FD6 - #770A8C | 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 #C46FD6 to #770A8C

#C46FD6 #770A8C

Calculate the color between two colors, #C46FD6 and #770A8C. 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)

#C46FD6 - #770A8C | 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 #C46FD6 as 0% and #770A8C as 100%.

0.0%	0.0% #C46FD6	RGB 196 111 214	#C46FD6
16.7%	16.7% #B75EC9	RGB 183 94 201	#B75EC9
33.3%	33.3% #AA4DBD	RGB 170 77 189	#AA4DBD
50.0%	50.0% #9D3CB1	RGB 157 60 177	#9D3CB1
66.7%	66.7% #902BA4	RGB 144 43 164	#902BA4
83.3%	83.3% #831A98	RGB 131 26 152	#831A98
100.0%	100.0% #770A8C	RGB 119 10 140	#770A8C

#C46FD6 #B75EC9 #AA4DBD #9D3CB1 #902BA4 #831A98 #770A8C

#C46FD6 - #770A8C

HSV Blend

#C46FD6 - #770A8C | 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 #C46FD6 as 0% and #770A8C as 100%.

0.0%	0.0% #C46FD6	RGB 196 111 214	#C46FD6
16.7%	16.7% #B659C9	RGB 182 89 201	#B659C9
33.3%	33.3% #A945BD	RGB 169 69 189	#A945BD
50.0%	50.0% #9C34B1	RGB 156 52 177	#9C34B1
66.7%	66.7% #8F24A4	RGB 143 36 164	#8F24A4
83.3%	83.3% #831698	RGB 131 22 152	#831698
100.0%	100.0% #770A8C	RGB 119 10 140	#770A8C

#C46FD6 #B659C9 #A945BD #9C34B1 #8F24A4 #831698 #770A8C

#C46FD6 - #9C34B1 - #770A8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C46FD6 0%, #9C34B1 50%, #770A8C 100%);
    background: -webkit-linear-gradient(top, #C46FD6 0%, #9C34B1 50%, #770A8C 100%);
    background: linear-gradient(to bottom, #C46FD6 0%, #9C34B1 50%, #770A8C 100%);
}
</style>