#C49B8C - #A55338 | 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 #C49B8C to #A55338

#C49B8C #A55338

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

#C49B8C - #A55338 | 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 #C49B8C as 0% and #A55338 as 100%.

0.0%	0.0% #C49B8C	RGB 196 155 140	#C49B8C
16.7%	16.7% #BE8F7E	RGB 190 143 126	#BE8F7E
33.3%	33.3% #B98370	RGB 185 131 112	#B98370
50.0%	50.0% #B47762	RGB 180 119 98	#B47762
66.7%	66.7% #AF6B54	RGB 175 107 84	#AF6B54
83.3%	83.3% #AA5F46	RGB 170 95 70	#AA5F46
100.0%	100.0% #A55338	RGB 165 83 56	#A55338

#C49B8C #BE8F7E #B98370 #B47762 #AF6B54 #AA5F46 #A55338

#C49B8C - #A55338

HSV Blend

#C49B8C - #A55338 | 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 #C49B8C as 0% and #A55338 as 100%.

0.0%	0.0% #C49B8C	RGB 196 155 140	#C49B8C
16.7%	16.7% #BE8D7C	RGB 190 141 124	#BE8D7C
33.3%	33.3% #B9816D	RGB 185 129 109	#B9816D
50.0%	50.0% #B4755F	RGB 180 117 95	#B4755F
66.7%	66.7% #AF6951	RGB 175 105 81	#AF6951
83.3%	83.3% #AA5D44	RGB 170 93 68	#AA5D44
100.0%	100.0% #A55338	RGB 165 83 56	#A55338

#C49B8C #BE8D7C #B9816D #B4755F #AF6951 #AA5D44 #A55338

#C49B8C - #B4755F - #A55338

CSS codes

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

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