#C0AAA3 - #36302E | 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 #C0AAA3 to #36302E

#C0AAA3 #36302E

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

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

0.0%	0.0% #C0AAA3	RGB 192 170 163	#C0AAA3
16.7%	16.7% #A9958F	RGB 169 149 143	#A9958F
33.3%	33.3% #92817C	RGB 146 129 124	#92817C
50.0%	50.0% #7B6D68	RGB 123 109 104	#7B6D68
66.7%	66.7% #645855	RGB 100 88 85	#645855
83.3%	83.3% #4D4441	RGB 77 68 65	#4D4441
100.0%	100.0% #36302E	RGB 54 48 46	#36302E

#C0AAA3 #A9958F #92817C #7B6D68 #645855 #4D4441 #36302E

#C0AAA3 - #36302E

HSV Blend

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

0.0%	0.0% #C0AAA3	RGB 192 170 163	#C0AAA3
16.7%	16.7% #A9958F	RGB 169 149 143	#A9958F
33.3%	33.3% #92817C	RGB 146 129 124	#92817C
50.0%	50.0% #7B6D68	RGB 123 109 104	#7B6D68
66.7%	66.7% #645855	RGB 100 88 85	#645855
83.3%	83.3% #4D4441	RGB 77 68 65	#4D4441
100.0%	100.0% #36302E	RGB 54 48 46	#36302E

#C0AAA3 #A9958F #92817C #7B6D68 #645855 #4D4441 #36302E

#C0AAA3 - #7B6D68 - #36302E

CSS codes

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

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