#C09C8F - #A1543B | 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 #C09C8F to #A1543B

#C09C8F #A1543B

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

#C09C8F - #A1543B | 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 #C09C8F as 0% and #A1543B as 100%.

0.0%	0.0% #C09C8F	RGB 192 156 143	#C09C8F
16.7%	16.7% #BA9081	RGB 186 144 129	#BA9081
33.3%	33.3% #B58473	RGB 181 132 115	#B58473
50.0%	50.0% #B07865	RGB 176 120 101	#B07865
66.7%	66.7% #AB6C57	RGB 171 108 87	#AB6C57
83.3%	83.3% #A66049	RGB 166 96 73	#A66049
100.0%	100.0% #A1543B	RGB 161 84 59	#A1543B

#C09C8F #BA9081 #B58473 #B07865 #AB6C57 #A66049 #A1543B

#C09C8F - #A1543B

HSV Blend

#C09C8F - #A1543B | 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 #C09C8F as 0% and #A1543B as 100%.

0.0%	0.0% #C09C8F	RGB 192 156 143	#C09C8F
16.7%	16.7% #BA8E7F	RGB 186 142 127	#BA8E7F
33.3%	33.3% #B58270	RGB 181 130 112	#B58270
50.0%	50.0% #B07662	RGB 176 118 98	#B07662
66.7%	66.7% #AB6A54	RGB 171 106 84	#AB6A54
83.3%	83.3% #A65E47	RGB 166 94 71	#A65E47
100.0%	100.0% #A1543B	RGB 161 84 59	#A1543B

#C09C8F #BA8E7F #B58270 #B07662 #AB6A54 #A65E47 #A1543B

#C09C8F - #B07662 - #A1543B

CSS codes

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

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