#C7A49B - #A55346 | 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 #C7A49B to #A55346

#C7A49B #A55346

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

#C7A49B - #A55346 | 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 #C7A49B as 0% and #A55346 as 100%.

0.0%	0.0% #C7A49B	RGB 199 164 155	#C7A49B
16.7%	16.7% #C1968C	RGB 193 150 140	#C1968C
33.3%	33.3% #BB897E	RGB 187 137 126	#BB897E
50.0%	50.0% #B67B70	RGB 182 123 112	#B67B70
66.7%	66.7% #B06E62	RGB 176 110 98	#B06E62
83.3%	83.3% #AA6054	RGB 170 96 84	#AA6054
100.0%	100.0% #A55346	RGB 165 83 70	#A55346

#C7A49B #C1968C #BB897E #B67B70 #B06E62 #AA6054 #A55346

#C7A49B - #A55346

HSV Blend

#C7A49B - #A55346 | 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 #C7A49B as 0% and #A55346 as 100%.

0.0%	0.0% #C7A49B	RGB 199 164 155	#C7A49B
16.7%	16.7% #C1958B	RGB 193 149 139	#C1958B
33.3%	33.3% #BB877B	RGB 187 135 123	#BB877B
50.0%	50.0% #B6796D	RGB 182 121 109	#B6796D
66.7%	66.7% #B06C5F	RGB 176 108 95	#B06C5F
83.3%	83.3% #AA5F52	RGB 170 95 82	#AA5F52
100.0%	100.0% #A55346	RGB 165 83 70	#A55346

#C7A49B #C1958B #BB877B #B6796D #B06C5F #AA5F52 #A55346

#C7A49B - #B6796D - #A55346

CSS codes

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

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