#C92A90 - #79004D | 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 #C92A90 to #79004D

#C92A90 #79004D

Calculate the color between two colors, #C92A90 and #79004D. 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)

#C92A90 - #79004D | 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 #C92A90 as 0% and #79004D as 100%.

0.0%	0.0% #C92A90	RGB 201 42 144	#C92A90
16.7%	16.7% #BB2384	RGB 187 35 132	#BB2384
33.3%	33.3% #AE1C79	RGB 174 28 121	#AE1C79
50.0%	50.0% #A1156E	RGB 161 21 110	#A1156E
66.7%	66.7% #930D63	RGB 147 13 99	#930D63
83.3%	83.3% #860758	RGB 134 7 88	#860758
100.0%	100.0% #79004D	RGB 121 0 77	#79004D

#C92A90 #BB2384 #AE1C79 #A1156E #930D63 #860758 #79004D

#C92A90 - #79004D

HSV Blend

#C92A90 - #79004D | 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 #C92A90 as 0% and #79004D as 100%.

0.0%	0.0% #C92A8F	RGB 201 42 143	#C92A8F
16.7%	16.7% #BB2083	RGB 187 32 131	#BB2083
33.3%	33.3% #AE1878	RGB 174 24 120	#AE1878
50.0%	50.0% #A1106C	RGB 161 16 108	#A1106C
66.7%	66.7% #930A61	RGB 147 10 97	#930A61
83.3%	83.3% #860457	RGB 134 4 87	#860457
100.0%	100.0% #79004D	RGB 121 0 77	#79004D

#C92A8F #BB2083 #AE1878 #A1106C #930A61 #860457 #79004D

#C92A90 - #A1106C - #79004D

CSS codes

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

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