#C7AF7B - #383123 | 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 #C7AF7B to #383123

#C7AF7B #383123

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

#C7AF7B - #383123 | 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 #C7AF7B as 0% and #383123 as 100%.

0.0%	0.0% #C7AF7B	RGB 199 175 123	#C7AF7B
16.7%	16.7% #AF9A6C	RGB 175 154 108	#AF9A6C
33.3%	33.3% #97855D	RGB 151 133 93	#97855D
50.0%	50.0% #7F704F	RGB 127 112 79	#7F704F
66.7%	66.7% #675B40	RGB 103 91 64	#675B40
83.3%	83.3% #4F4631	RGB 79 70 49	#4F4631
100.0%	100.0% #383123	RGB 56 49 35	#383123

#C7AF7B #AF9A6C #97855D #7F704F #675B40 #4F4631 #383123

#C7AF7B - #383123

HSV Blend

#C7AF7B - #383123 | 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 #C7AF7B as 0% and #383123 as 100%.

0.0%	0.0% #C7AF7B	RGB 199 175 123	#C7AF7B
16.7%	16.7% #AF996C	RGB 175 153 108	#AF996C
33.3%	33.3% #97845D	RGB 151 132 93	#97845D
50.0%	50.0% #7F6F4F	RGB 127 111 79	#7F6F4F
66.7%	66.7% #675A40	RGB 103 90 64	#675A40
83.3%	83.3% #4F4531	RGB 79 69 49	#4F4531
100.0%	100.0% #383123	RGB 56 49 35	#383123

#C7AF7B #AF996C #97845D #7F6F4F #675A40 #4F4531 #383123

#C7AF7B - #7F6F4F - #383123

CSS codes

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

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