#C92E8F - #750041 | 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 #C92E8F to #750041

#C92E8F #750041

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

#C92E8F - #750041 | 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 #C92E8F as 0% and #750041 as 100%.

0.0%	0.0% #C92E8F	RGB 201 46 143	#C92E8F
16.7%	16.7% #BB2682	RGB 187 38 130	#BB2682
33.3%	33.3% #AD1E75	RGB 173 30 117	#AD1E75
50.0%	50.0% #9F1768	RGB 159 23 104	#9F1768
66.7%	66.7% #910F5B	RGB 145 15 91	#910F5B
83.3%	83.3% #83074E	RGB 131 7 78	#83074E
100.0%	100.0% #750041	RGB 117 0 65	#750041

#C92E8F #BB2682 #AD1E75 #9F1768 #910F5B #83074E #750041

#C92E8F - #750041

HSV Blend

#C92E8F - #750041 | 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 #C92E8F as 0% and #750041 as 100%.

0.0%	0.0% #C92E8F	RGB 201 46 143	#C92E8F
16.7%	16.7% #BB2380	RGB 187 35 128	#BB2380
33.3%	33.3% #AD1A72	RGB 173 26 114	#AD1A72
50.0%	50.0% #9F1265	RGB 159 18 101	#9F1265
66.7%	66.7% #910B58	RGB 145 11 88	#910B58
83.3%	83.3% #83044C	RGB 131 4 76	#83044C
100.0%	100.0% #750041	RGB 117 0 65	#750041

#C92E8F #BB2380 #AD1A72 #9F1265 #910B58 #83044C #750041

#C92E8F - #9F1265 - #750041

CSS codes

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

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