#C5ABA4 - #38302E | 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 #C5ABA4 to #38302E

#C5ABA4 #38302E

Calculate the color between two colors, #C5ABA4 and #38302E. 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)

#C5ABA4 - #38302E | 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 #C5ABA4 as 0% and #38302E as 100%.

0.0%	0.0% #C5ABA4	RGB 197 171 164	#C5ABA4
16.7%	16.7% #AD9690	RGB 173 150 144	#AD9690
33.3%	33.3% #96827C	RGB 150 130 124	#96827C
50.0%	50.0% #7E6D69	RGB 126 109 105	#7E6D69
66.7%	66.7% #675955	RGB 103 89 85	#675955
83.3%	83.3% #4F4441	RGB 79 68 65	#4F4441
100.0%	100.0% #38302E	RGB 56 48 46	#38302E

#C5ABA4 #AD9690 #96827C #7E6D69 #675955 #4F4441 #38302E

#C5ABA4 - #38302E

HSV Blend

#C5ABA4 - #38302E | 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 #C5ABA4 as 0% and #38302E as 100%.

0.0%	0.0% #C5ABA4	RGB 197 171 164	#C5ABA4
16.7%	16.7% #AD9690	RGB 173 150 144	#AD9690
33.3%	33.3% #96817C	RGB 150 129 124	#96817C
50.0%	50.0% #7E6D68	RGB 126 109 104	#7E6D68
66.7%	66.7% #675854	RGB 103 88 84	#675854
83.3%	83.3% #4F4441	RGB 79 68 65	#4F4441
100.0%	100.0% #38302E	RGB 56 48 46	#38302E

#C5ABA4 #AD9690 #96817C #7E6D68 #675854 #4F4441 #38302E

#C5ABA4 - #7E6D68 - #38302E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5ABA4 0%, #7E6D68 50%, #38302E 100%);
    background: -webkit-linear-gradient(top, #C5ABA4 0%, #7E6D68 50%, #38302E 100%);
    background: linear-gradient(to bottom, #C5ABA4 0%, #7E6D68 50%, #38302E 100%);
}
</style>