#C92DC7 - #76006D | 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 #C92DC7 to #76006D

#C92DC7 #76006D

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

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

0.0%	0.0% #C92DC7	RGB 201 45 199	#C92DC7
16.7%	16.7% #BB25B8	RGB 187 37 184	#BB25B8
33.3%	33.3% #AD1EA9	RGB 173 30 169	#AD1EA9
50.0%	50.0% #9F169A	RGB 159 22 154	#9F169A
66.7%	66.7% #910E8B	RGB 145 14 139	#910E8B
83.3%	83.3% #83077C	RGB 131 7 124	#83077C
100.0%	100.0% #76006D	RGB 118 0 109	#76006D

#C92DC7 #BB25B8 #AD1EA9 #9F169A #910E8B #83077C #76006D

#C92DC7 - #76006D

HSV Blend

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

0.0%	0.0% #C92DC7	RGB 201 45 199	#C92DC7
16.7%	16.7% #BB22B7	RGB 187 34 183	#BB22B7
33.3%	33.3% #AD19A8	RGB 173 25 168	#AD19A8
50.0%	50.0% #9F1199	RGB 159 17 153	#9F1199
66.7%	66.7% #910A8A	RGB 145 10 138	#910A8A
83.3%	83.3% #83047B	RGB 131 4 123	#83047B
100.0%	100.0% #76006D	RGB 118 0 109	#76006D

#C92DC7 #BB22B7 #AD19A8 #9F1199 #910A8A #83047B #76006D

#C92DC7 - #9F1199 - #76006D

CSS codes

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

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