#C8ADA3 - #39312E | 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 #C8ADA3 to #39312E

#C8ADA3 #39312E

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

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

0.0%	0.0% #C8ADA3	RGB 200 173 163	#C8ADA3
16.7%	16.7% #B0988F	RGB 176 152 143	#B0988F
33.3%	33.3% #98837C	RGB 152 131 124	#98837C
50.0%	50.0% #806F68	RGB 128 111 104	#806F68
66.7%	66.7% #685A55	RGB 104 90 85	#685A55
83.3%	83.3% #504541	RGB 80 69 65	#504541
100.0%	100.0% #39312E	RGB 57 49 46	#39312E

#C8ADA3 #B0988F #98837C #806F68 #685A55 #504541 #39312E

#C8ADA3 - #39312E

HSV Blend

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

0.0%	0.0% #C8ADA3	RGB 200 173 163	#C8ADA3
16.7%	16.7% #B0988F	RGB 176 152 143	#B0988F
33.3%	33.3% #98837B	RGB 152 131 123	#98837B
50.0%	50.0% #806E68	RGB 128 110 104	#806E68
66.7%	66.7% #685A54	RGB 104 90 84	#685A54
83.3%	83.3% #504541	RGB 80 69 65	#504541
100.0%	100.0% #39312E	RGB 57 49 46	#39312E

#C8ADA3 #B0988F #98837B #806E68 #685A54 #504541 #39312E

#C8ADA3 - #806E68 - #39312E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8ADA3 0%, #806E68 50%, #39312E 100%);
    background: -webkit-linear-gradient(top, #C8ADA3 0%, #806E68 50%, #39312E 100%);
    background: linear-gradient(to bottom, #C8ADA3 0%, #806E68 50%, #39312E 100%);
}
</style>