#C17D7E - #8C291F | 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 #C17D7E to #8C291F

#C17D7E #8C291F

Calculate the color between two colors, #C17D7E and #8C291F. 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)

#C17D7E - #8C291F | 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 #C17D7E as 0% and #8C291F as 100%.

0.0%	0.0% #C17D7E	RGB 193 125 126	#C17D7E
16.7%	16.7% #B86F6E	RGB 184 111 110	#B86F6E
33.3%	33.3% #AF615E	RGB 175 97 94	#AF615E
50.0%	50.0% #A6534E	RGB 166 83 78	#A6534E
66.7%	66.7% #9D453E	RGB 157 69 62	#9D453E
83.3%	83.3% #94372E	RGB 148 55 46	#94372E
100.0%	100.0% #8C291F	RGB 140 41 31	#8C291F

#C17D7E #B86F6E #AF615E #A6534E #9D453E #94372E #8C291F

#C17D7E - #8C291F

HSV Blend

#C17D7E - #8C291F | 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 #C17D7E as 0% and #8C291F as 100%.

0.0%	0.0% #C17D7E	RGB 193 125 126	#C17D7E
16.7%	16.7% #B86A6A	RGB 184 106 106	#B86A6A
33.3%	33.3% #AF5A58	RGB 175 90 88	#AF5A58
50.0%	50.0% #A64B48	RGB 166 75 72	#A64B48
66.7%	66.7% #9D3E39	RGB 157 62 57	#9D3E39
83.3%	83.3% #94332B	RGB 148 51 43	#94332B
100.0%	100.0% #8C291F	RGB 140 41 31	#8C291F

#C17D7E #B86A6A #AF5A58 #A64B48 #9D3E39 #94332B #8C291F

#C17D7E - #A64B48 - #8C291F

CSS codes

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

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