#C92CB5 - #790065 | 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 #C92CB5 to #790065

#C92CB5 #790065

Calculate the color between two colors, #C92CB5 and #790065. 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)

#C92CB5 - #790065 | 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 #C92CB5 as 0% and #790065 as 100%.

0.0%	0.0% #C92CB5	RGB 201 44 181	#C92CB5
16.7%	16.7% #BB24A7	RGB 187 36 167	#BB24A7
33.3%	33.3% #AE1D9A	RGB 174 29 154	#AE1D9A
50.0%	50.0% #A1168D	RGB 161 22 141	#A1168D
66.7%	66.7% #930E7F	RGB 147 14 127	#930E7F
83.3%	83.3% #860772	RGB 134 7 114	#860772
100.0%	100.0% #790065	RGB 121 0 101	#790065

#C92CB5 #BB24A7 #AE1D9A #A1168D #930E7F #860772 #790065

#C92CB5 - #790065

HSV Blend

#C92CB5 - #790065 | 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 #C92CB5 as 0% and #790065 as 100%.

0.0%	0.0% #C92BB4	RGB 201 43 180	#C92BB4
16.7%	16.7% #BB22A7	RGB 187 34 167	#BB22A7
33.3%	33.3% #AE1999	RGB 174 25 153	#AE1999
50.0%	50.0% #A1118C	RGB 161 17 140	#A1118C
66.7%	66.7% #930A7E	RGB 147 10 126	#930A7E
83.3%	83.3% #860471	RGB 134 4 113	#860471
100.0%	100.0% #790065	RGB 121 0 101	#790065

#C92BB4 #BB22A7 #AE1999 #A1118C #930A7E #860471 #790065

#C92CB5 - #A1118C - #790065

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92BB4 0%, #A1118C 50%, #790065 100%);
    background: -webkit-linear-gradient(top, #C92BB4 0%, #A1118C 50%, #790065 100%);
    background: linear-gradient(to bottom, #C92BB4 0%, #A1118C 50%, #790065 100%);
}
</style>