#867874 - #DCD8D7 | 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 #867874 to #DCD8D7

#867874 #DCD8D7

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

#867874 - #DCD8D7 | 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 #867874 as 0% and #DCD8D7 as 100%.

0.0%	0.0% #867874	RGB 134 120 116	#867874
16.7%	16.7% #948884	RGB 148 136 132	#948884
33.3%	33.3% #A29895	RGB 162 152 149	#A29895
50.0%	50.0% #B1A8A5	RGB 177 168 165	#B1A8A5
66.7%	66.7% #BFB8B6	RGB 191 184 182	#BFB8B6
83.3%	83.3% #CDC8C6	RGB 205 200 198	#CDC8C6
100.0%	100.0% #DCD8D7	RGB 220 216 215	#DCD8D7

#867874 #948884 #A29895 #B1A8A5 #BFB8B6 #CDC8C6 #DCD8D7

#867874 - #DCD8D7

HSV Blend

#867874 - #DCD8D7 | 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 #867874 as 0% and #DCD8D7 as 100%.

0.0%	0.0% #867874	RGB 134 120 116	#867874
16.7%	16.7% #948683	RGB 148 134 131	#948683
33.3%	33.3% #A29692	RGB 162 150 146	#A29692
50.0%	50.0% #B1A6A3	RGB 177 166 163	#B1A6A3
66.7%	66.7% #BFB6B3	RGB 191 182 179	#BFB6B3
83.3%	83.3% #CDC6C5	RGB 205 198 197	#CDC6C5
100.0%	100.0% #DCD8D7	RGB 220 216 215	#DCD8D7

#867874 #948683 #A29692 #B1A6A3 #BFB6B3 #CDC6C5 #DCD8D7

#867874 - #B1A6A3 - #DCD8D7

CSS codes

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

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