#D5AF9F - #3C312D | 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 #D5AF9F to #3C312D

#D5AF9F #3C312D

Calculate the color between two colors, #D5AF9F and #3C312D. 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)

#D5AF9F - #3C312D | 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 #D5AF9F as 0% and #3C312D as 100%.

0.0%	0.0% #D5AF9F	RGB 213 175 159	#D5AF9F
16.7%	16.7% #BB9A8C	RGB 187 154 140	#BB9A8C
33.3%	33.3% #A28579	RGB 162 133 121	#A28579
50.0%	50.0% #887066	RGB 136 112 102	#887066
66.7%	66.7% #6F5B53	RGB 111 91 83	#6F5B53
83.3%	83.3% #554640	RGB 85 70 64	#554640
100.0%	100.0% #3C312D	RGB 60 49 45	#3C312D

#D5AF9F #BB9A8C #A28579 #887066 #6F5B53 #554640 #3C312D

#D5AF9F - #3C312D

HSV Blend

#D5AF9F - #3C312D | 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 #D5AF9F as 0% and #3C312D as 100%.

0.0%	0.0% #D5AF9F	RGB 213 175 159	#D5AF9F
16.7%	16.7% #BB998C	RGB 187 153 140	#BB998C
33.3%	33.3% #A28479	RGB 162 132 121	#A28479
50.0%	50.0% #886F66	RGB 136 111 102	#886F66
66.7%	66.7% #6F5A53	RGB 111 90 83	#6F5A53
83.3%	83.3% #554540	RGB 85 69 64	#554540
100.0%	100.0% #3C312D	RGB 60 49 45	#3C312D

#D5AF9F #BB998C #A28479 #886F66 #6F5A53 #554540 #3C312D

#D5AF9F - #886F66 - #3C312D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5AF9F 0%, #886F66 50%, #3C312D 100%);
    background: -webkit-linear-gradient(top, #D5AF9F 0%, #886F66 50%, #3C312D 100%);
    background: linear-gradient(to bottom, #D5AF9F 0%, #886F66 50%, #3C312D 100%);
}
</style>