#C69C7A - #A3592B | 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 #C69C7A to #A3592B

#C69C7A #A3592B

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

#C69C7A - #A3592B | 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 #C69C7A as 0% and #A3592B as 100%.

0.0%	0.0% #C69C7A	RGB 198 156 122	#C69C7A
16.7%	16.7% #C0906C	RGB 192 144 108	#C0906C
33.3%	33.3% #BA855F	RGB 186 133 95	#BA855F
50.0%	50.0% #B47A52	RGB 180 122 82	#B47A52
66.7%	66.7% #AE6F45	RGB 174 111 69	#AE6F45
83.3%	83.3% #A86438	RGB 168 100 56	#A86438
100.0%	100.0% #A3592B	RGB 163 89 43	#A3592B

#C69C7A #C0906C #BA855F #B47A52 #AE6F45 #A86438 #A3592B

#C69C7A - #A3592B

HSV Blend

#C69C7A - #A3592B | 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 #C69C7A as 0% and #A3592B as 100%.

0.0%	0.0% #C69C7A	RGB 198 156 122	#C69C7A
16.7%	16.7% #C0906B	RGB 192 144 107	#C0906B
33.3%	33.3% #BA845C	RGB 186 132 92	#BA845C
50.0%	50.0% #B4794F	RGB 180 121 79	#B4794F
66.7%	66.7% #AE6E42	RGB 174 110 66	#AE6E42
83.3%	83.3% #A86336	RGB 168 99 54	#A86336
100.0%	100.0% #A3592B	RGB 163 89 43	#A3592B

#C69C7A #C0906B #BA845C #B4794F #AE6E42 #A86336 #A3592B

#C69C7A - #B4794F - #A3592B

CSS codes

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

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