#C92D97 - #9C006F | 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 #C92D97 to #9C006F

#C92D97 #9C006F

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

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

0.0%	0.0% #C92D97	RGB 201 45 151	#C92D97
16.7%	16.7% #C12590	RGB 193 37 144	#C12590
33.3%	33.3% #BA1E89	RGB 186 30 137	#BA1E89
50.0%	50.0% #B21683	RGB 178 22 131	#B21683
66.7%	66.7% #AB0E7C	RGB 171 14 124	#AB0E7C
83.3%	83.3% #A30775	RGB 163 7 117	#A30775
100.0%	100.0% #9C006F	RGB 156 0 111	#9C006F

#C92D97 #C12590 #BA1E89 #B21683 #AB0E7C #A30775 #9C006F

#C92D97 - #9C006F

HSV Blend

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

0.0%	0.0% #C92D97	RGB 201 45 151	#C92D97
16.7%	16.7% #C1248F	RGB 193 36 143	#C1248F
33.3%	33.3% #BA1B88	RGB 186 27 136	#BA1B88
50.0%	50.0% #B21382	RGB 178 19 130	#B21382
66.7%	66.7% #AB0C7B	RGB 171 12 123	#AB0C7B
83.3%	83.3% #A30675	RGB 163 6 117	#A30675
100.0%	100.0% #9C006F	RGB 156 0 111	#9C006F

#C92D97 #C1248F #BA1B88 #B21382 #AB0C7B #A30675 #9C006F

#C92D97 - #B21382 - #9C006F

CSS codes

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

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