#D9A8B1 - #3E3031 | 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 #D9A8B1 to #3E3031

#D9A8B1 #3E3031

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

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

0.0%	0.0% #D9A8B1	RGB 217 168 177	#D9A8B1
16.7%	16.7% #BF949B	RGB 191 148 155	#BF949B
33.3%	33.3% #A58086	RGB 165 128 134	#A58086
50.0%	50.0% #8B6C71	RGB 139 108 113	#8B6C71
66.7%	66.7% #71585B	RGB 113 88 91	#71585B
83.3%	83.3% #574446	RGB 87 68 70	#574446
100.0%	100.0% #3E3031	RGB 62 48 49	#3E3031

#D9A8B1 #BF949B #A58086 #8B6C71 #71585B #574446 #3E3031

#D9A8B1 - #3E3031

HSV Blend

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

0.0%	0.0% #D9A8B1	RGB 217 168 177	#D9A8B1
16.7%	16.7% #BF949B	RGB 191 148 155	#BF949B
33.3%	33.3% #A58085	RGB 165 128 133	#A58085
50.0%	50.0% #8B6C70	RGB 139 108 112	#8B6C70
66.7%	66.7% #71585A	RGB 113 88 90	#71585A
83.3%	83.3% #574445	RGB 87 68 69	#574445
100.0%	100.0% #3E3031	RGB 62 48 49	#3E3031

#D9A8B1 #BF949B #A58085 #8B6C70 #71585A #574445 #3E3031

#D9A8B1 - #8B6C70 - #3E3031

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9A8B1 0%, #8B6C70 50%, #3E3031 100%);
    background: -webkit-linear-gradient(top, #D9A8B1 0%, #8B6C70 50%, #3E3031 100%);
    background: linear-gradient(to bottom, #D9A8B1 0%, #8B6C70 50%, #3E3031 100%);
}
</style>