#C99B8C - #AA5238 | 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 #C99B8C to #AA5238

#C99B8C #AA5238

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

#C99B8C - #AA5238 | 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 #C99B8C as 0% and #AA5238 as 100%.

0.0%	0.0% #C99B8C	RGB 201 155 140	#C99B8C
16.7%	16.7% #C38E7E	RGB 195 142 126	#C38E7E
33.3%	33.3% #BE8270	RGB 190 130 112	#BE8270
50.0%	50.0% #B97662	RGB 185 118 98	#B97662
66.7%	66.7% #B46A54	RGB 180 106 84	#B46A54
83.3%	83.3% #AF5E46	RGB 175 94 70	#AF5E46
100.0%	100.0% #AA5238	RGB 170 82 56	#AA5238

#C99B8C #C38E7E #BE8270 #B97662 #B46A54 #AF5E46 #AA5238

#C99B8C - #AA5238

HSV Blend

#C99B8C - #AA5238 | 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 #C99B8C as 0% and #AA5238 as 100%.

0.0%	0.0% #C99B8C	RGB 201 155 140	#C99B8C
16.7%	16.7% #C38D7C	RGB 195 141 124	#C38D7C
33.3%	33.3% #BE806D	RGB 190 128 109	#BE806D
50.0%	50.0% #B9745F	RGB 185 116 95	#B9745F
66.7%	66.7% #B46851	RGB 180 104 81	#B46851
83.3%	83.3% #AF5D44	RGB 175 93 68	#AF5D44
100.0%	100.0% #AA5238	RGB 170 82 56	#AA5238

#C99B8C #C38D7C #BE806D #B9745F #B46851 #AF5D44 #AA5238

#C99B8C - #B9745F - #AA5238

CSS codes

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

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