#C25A8F - #800940 | 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 #C25A8F to #800940

#C25A8F #800940

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

#C25A8F - #800940 | 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 #C25A8F as 0% and #800940 as 100%.

0.0%	0.0% #C25A8F	RGB 194 90 143	#C25A8F
16.7%	16.7% #B74C81	RGB 183 76 129	#B74C81
33.3%	33.3% #AC3F74	RGB 172 63 116	#AC3F74
50.0%	50.0% #A13167	RGB 161 49 103	#A13167
66.7%	66.7% #96235A	RGB 150 35 90	#96235A
83.3%	83.3% #8B164D	RGB 139 22 77	#8B164D
100.0%	100.0% #800940	RGB 128 9 64	#800940

#C25A8F #B74C81 #AC3F74 #A13167 #96235A #8B164D #800940

#C25A8F - #800940

HSV Blend

#C25A8F - #800940 | 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 #C25A8F as 0% and #800940 as 100%.

0.0%	0.0% #C25A8F	RGB 194 90 143	#C25A8F
16.7%	16.7% #B74880	RGB 183 72 128	#B74880
33.3%	33.3% #AC3971	RGB 172 57 113	#AC3971
50.0%	50.0% #A12B64	RGB 161 43 100	#A12B64
66.7%	66.7% #961E57	RGB 150 30 87	#961E57
83.3%	83.3% #8B124B	RGB 139 18 75	#8B124B
100.0%	100.0% #800940	RGB 128 9 64	#800940

#C25A8F #B74880 #AC3971 #A12B64 #961E57 #8B124B #800940

#C25A8F - #A12B64 - #800940

CSS codes

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

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