#C92DA4 - #9A0B8C | 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 #C92DA4 to #9A0B8C

#C92DA4 #9A0B8C

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

#C92DA4 - #9A0B8C | 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 #C92DA4 as 0% and #9A0B8C as 100%.

0.0%	0.0% #C92DA4	RGB 201 45 164	#C92DA4
16.7%	16.7% #C127A0	RGB 193 39 160	#C127A0
33.3%	33.3% #B9219C	RGB 185 33 156	#B9219C
50.0%	50.0% #B11C98	RGB 177 28 152	#B11C98
66.7%	66.7% #A91694	RGB 169 22 148	#A91694
83.3%	83.3% #A11090	RGB 161 16 144	#A11090
100.0%	100.0% #9A0B8C	RGB 154 11 140	#9A0B8C

#C92DA4 #C127A0 #B9219C #B11C98 #A91694 #A11090 #9A0B8C

#C92DA4 - #9A0B8C

HSV Blend

#C92DA4 - #9A0B8C | 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 #C92DA4 as 0% and #9A0B8C as 100%.

0.0%	0.0% #C92DA4	RGB 201 45 164	#C92DA4
16.7%	16.7% #C126A0	RGB 193 38 160	#C126A0
33.3%	33.3% #B9209C	RGB 185 32 156	#B9209C
50.0%	50.0% #B11A98	RGB 177 26 152	#B11A98
66.7%	66.7% #A91494	RGB 169 20 148	#A91494
83.3%	83.3% #A10F90	RGB 161 15 144	#A10F90
100.0%	100.0% #9A0B8C	RGB 154 11 140	#9A0B8C

#C92DA4 #C126A0 #B9209C #B11A98 #A91494 #A10F90 #9A0B8C

#C92DA4 - #B11A98 - #9A0B8C

CSS codes

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

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