#C92D4C - #700010 | 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 #C92D4C to #700010

#C92D4C #700010

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

#C92D4C - #700010 | 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 #C92D4C as 0% and #700010 as 100%.

0.0%	0.0% #C92D4C	RGB 201 45 76	#C92D4C
16.7%	16.7% #BA2542	RGB 186 37 66	#BA2542
33.3%	33.3% #AB1E38	RGB 171 30 56	#AB1E38
50.0%	50.0% #9C162E	RGB 156 22 46	#9C162E
66.7%	66.7% #8D0E24	RGB 141 14 36	#8D0E24
83.3%	83.3% #7E071A	RGB 126 7 26	#7E071A
100.0%	100.0% #700010	RGB 112 0 16	#700010

#C92D4C #BA2542 #AB1E38 #9C162E #8D0E24 #7E071A #700010

#C92D4C - #700010

HSV Blend

#C92D4C - #700010 | 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 #C92D4C as 0% and #700010 as 100%.

0.0%	0.0% #C92D4C	RGB 201 45 76	#C92D4C
16.7%	16.7% #BA223F	RGB 186 34 63	#BA223F
33.3%	33.3% #AB1933	RGB 171 25 51	#AB1933
50.0%	50.0% #9C1129	RGB 156 17 41	#9C1129
66.7%	66.7% #8D0A1F	RGB 141 10 31	#8D0A1F
83.3%	83.3% #7E0417	RGB 126 4 23	#7E0417
100.0%	100.0% #700010	RGB 112 0 16	#700010

#C92D4C #BA223F #AB1933 #9C1129 #8D0A1F #7E0417 #700010

#C92D4C - #9C1129 - #700010

CSS codes

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

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