#C84D5E - #39161A | 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 #39161A

#C84D5E #39161A

Calculate the color between two colors, #C84D5E and #39161A. 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 - #39161A | 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 #39161A as 100%.

0.0%	0.0% #C84D5E	RGB 200 77 94	#C84D5E
16.7%	16.7% #B04352	RGB 176 67 82	#B04352
33.3%	33.3% #983A47	RGB 152 58 71	#983A47
50.0%	50.0% #80313C	RGB 128 49 60	#80313C
66.7%	66.7% #682830	RGB 104 40 48	#682830
83.3%	83.3% #501F25	RGB 80 31 37	#501F25
100.0%	100.0% #39161A	RGB 57 22 26	#39161A

#C84D5E #B04352 #983A47 #80313C #682830 #501F25 #39161A

#C84D5E - #39161A

HSV Blend

#C84D5E - #39161A | 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 #39161A as 100%.

0.0%	0.0% #C84D5E	RGB 200 77 94	#C84D5E
16.7%	16.7% #B04352	RGB 176 67 82	#B04352
33.3%	33.3% #983A46	RGB 152 58 70	#983A46
50.0%	50.0% #80313B	RGB 128 49 59	#80313B
66.7%	66.7% #682830	RGB 104 40 48	#682830
83.3%	83.3% #501F25	RGB 80 31 37	#501F25
100.0%	100.0% #39161A	RGB 57 22 26	#39161A

#C84D5E #B04352 #983A46 #80313B #682830 #501F25 #39161A

#C84D5E - #80313B - #39161A

CSS codes

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

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