#C84D5E - #751121 | 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 #C84D5E to #751121

#C84D5E #751121

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

#C84D5E - #751121 | 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 #C84D5E as 0% and #751121 as 100%.

0.0%	0.0% #C84D5E	RGB 200 77 94	#C84D5E
16.7%	16.7% #BA4353	RGB 186 67 83	#BA4353
33.3%	33.3% #AC3949	RGB 172 57 73	#AC3949
50.0%	50.0% #9E2F3F	RGB 158 47 63	#9E2F3F
66.7%	66.7% #902535	RGB 144 37 53	#902535
83.3%	83.3% #821B2B	RGB 130 27 43	#821B2B
100.0%	100.0% #751121	RGB 117 17 33	#751121

#C84D5E #BA4353 #AC3949 #9E2F3F #902535 #821B2B #751121

#C84D5E - #751121

HSV Blend

#C84D5E - #751121 | 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 #C84D5E as 0% and #751121 as 100%.

0.0%	0.0% #C84D5E	RGB 200 77 94	#C84D5E
16.7%	16.7% #BA4051	RGB 186 64 81	#BA4051
33.3%	33.3% #AC3446	RGB 172 52 70	#AC3446
50.0%	50.0% #9E2A3B	RGB 158 42 59	#9E2A3B
66.7%	66.7% #902031	RGB 144 32 49	#902031
83.3%	83.3% #821828	RGB 130 24 40	#821828
100.0%	100.0% #751121	RGB 117 17 33	#751121

#C84D5E #BA4051 #AC3446 #9E2A3B #902031 #821828 #751121

#C84D5E - #9E2A3B - #751121

CSS codes

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

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