#C1818B - #84313E | 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 #C1818B to #84313E

#C1818B #84313E

Calculate the color between two colors, #C1818B and #84313E. 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)

#C1818B - #84313E | 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 #C1818B as 0% and #84313E as 100%.

0.0%	0.0% #C1818B	RGB 193 129 139	#C1818B
16.7%	16.7% #B6737E	RGB 182 115 126	#B6737E
33.3%	33.3% #AC6671	RGB 172 102 113	#AC6671
50.0%	50.0% #A25964	RGB 162 89 100	#A25964
66.7%	66.7% #984B57	RGB 152 75 87	#984B57
83.3%	83.3% #8E3E4A	RGB 142 62 74	#8E3E4A
100.0%	100.0% #84313E	RGB 132 49 62	#84313E

#C1818B #B6737E #AC6671 #A25964 #984B57 #8E3E4A #84313E

#C1818B - #84313E

HSV Blend

#C1818B - #84313E | 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 #C1818B as 0% and #84313E as 100%.

0.0%	0.0% #C1818B	RGB 193 129 139	#C1818B
16.7%	16.7% #B6717C	RGB 182 113 124	#B6717C
33.3%	33.3% #AC626D	RGB 172 98 109	#AC626D
50.0%	50.0% #A25460	RGB 162 84 96	#A25460
66.7%	66.7% #984754	RGB 152 71 84	#984754
83.3%	83.3% #8E3B48	RGB 142 59 72	#8E3B48
100.0%	100.0% #84313E	RGB 132 49 62	#84313E

#C1818B #B6717C #AC626D #A25460 #984754 #8E3B48 #84313E

#C1818B - #A25460 - #84313E

CSS codes

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

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