#5E4C16 - #D1CCBC | 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 #5E4C16 to #D1CCBC

#5E4C16 #D1CCBC

Calculate the color between two colors, #5E4C16 and #D1CCBC. 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)

#5E4C16 - #D1CCBC | 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 #5E4C16 as 0% and #D1CCBC as 100%.

0.0%	0.0% #5E4C16	RGB 94 76 22	#5E4C16
16.7%	16.7% #716131	RGB 113 97 49	#716131
33.3%	33.3% #84764D	RGB 132 118 77	#84764D
50.0%	50.0% #978C69	RGB 151 140 105	#978C69
66.7%	66.7% #AAA184	RGB 170 161 132	#AAA184
83.3%	83.3% #BDB6A0	RGB 189 182 160	#BDB6A0
100.0%	100.0% #D1CCBC	RGB 209 204 188	#D1CCBC

#5E4C16 #716131 #84764D #978C69 #AAA184 #BDB6A0 #D1CCBC

#5E4C16 - #D1CCBC

HSV Blend

#5E4C16 - #D1CCBC | 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 #5E4C16 as 0% and #D1CCBC as 100%.

0.0%	0.0% #5E4C15	RGB 94 76 21	#5E4C15
16.7%	16.7% #715E27	RGB 113 94 39	#715E27
33.3%	33.3% #84723C	RGB 132 114 60	#84723C
50.0%	50.0% #978755	RGB 151 135 85	#978755
66.7%	66.7% #AA9D73	RGB 170 157 115	#AA9D73
83.3%	83.3% #BDB495	RGB 189 180 149	#BDB495
100.0%	100.0% #D1CCBC	RGB 209 204 188	#D1CCBC

#5E4C15 #715E27 #84723C #978755 #AA9D73 #BDB495 #D1CCBC

#5E4C16 - #978755 - #D1CCBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4C15 0%, #978755 50%, #D1CCBC 100%);
    background: -webkit-linear-gradient(top, #5E4C15 0%, #978755 50%, #D1CCBC 100%);
    background: linear-gradient(to bottom, #5E4C15 0%, #978755 50%, #D1CCBC 100%);
}
</style>