#C2997E - #9F552E | 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 #C2997E to #9F552E

#C2997E #9F552E

Calculate the color between two colors, #C2997E and #9F552E. 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)

#C2997E - #9F552E | 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 #C2997E as 0% and #9F552E as 100%.

0.0%	0.0% #C2997E	RGB 194 153 126	#C2997E
16.7%	16.7% #BC8D70	RGB 188 141 112	#BC8D70
33.3%	33.3% #B68263	RGB 182 130 99	#B68263
50.0%	50.0% #B07756	RGB 176 119 86	#B07756
66.7%	66.7% #AA6B48	RGB 170 107 72	#AA6B48
83.3%	83.3% #A4603B	RGB 164 96 59	#A4603B
100.0%	100.0% #9F552E	RGB 159 85 46	#9F552E

#C2997E #BC8D70 #B68263 #B07756 #AA6B48 #A4603B #9F552E

#C2997E - #9F552E

HSV Blend

#C2997E - #9F552E | 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 #C2997E as 0% and #9F552E as 100%.

0.0%	0.0% #C2997E	RGB 194 153 126	#C2997E
16.7%	16.7% #BC8C6E	RGB 188 140 110	#BC8C6E
33.3%	33.3% #B68160	RGB 182 129 96	#B68160
50.0%	50.0% #B07552	RGB 176 117 82	#B07552
66.7%	66.7% #AA6A45	RGB 170 106 69	#AA6A45
83.3%	83.3% #A45F39	RGB 164 95 57	#A45F39
100.0%	100.0% #9F552E	RGB 159 85 46	#9F552E

#C2997E #BC8C6E #B68160 #B07552 #AA6A45 #A45F39 #9F552E

#C2997E - #B07552 - #9F552E

CSS codes

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

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