#D7D4D2 - #958C7E | 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 #D7D4D2 to #958C7E

#D7D4D2 #958C7E

Calculate the color between two colors, #D7D4D2 and #958C7E. 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)

#D7D4D2 - #958C7E | 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 #D7D4D2 as 0% and #958C7E as 100%.

0.0%	0.0% #D7D4D2	RGB 215 212 210	#D7D4D2
16.7%	16.7% #CCC8C4	RGB 204 200 196	#CCC8C4
33.3%	33.3% #C1BCB6	RGB 193 188 182	#C1BCB6
50.0%	50.0% #B6B0A8	RGB 182 176 168	#B6B0A8
66.7%	66.7% #ABA49A	RGB 171 164 154	#ABA49A
83.3%	83.3% #A0988C	RGB 160 152 140	#A0988C
100.0%	100.0% #958C7E	RGB 149 140 126	#958C7E

#D7D4D2 #CCC8C4 #C1BCB6 #B6B0A8 #ABA49A #A0988C #958C7E

#D7D4D2 - #958C7E

HSV Blend

#D7D4D2 - #958C7E | 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 #D7D4D2 as 0% and #958C7E as 100%.

0.0%	0.0% #D7D4D2	RGB 215 212 210	#D7D4D2
16.7%	16.7% #CCC6C2	RGB 204 198 194	#CCC6C2
33.3%	33.3% #C1BAB4	RGB 193 186 180	#C1BAB4
50.0%	50.0% #B6ADA5	RGB 182 173 165	#B6ADA5
66.7%	66.7% #ABA298	RGB 171 162 152	#ABA298
83.3%	83.3% #A0968A	RGB 160 150 138	#A0968A
100.0%	100.0% #958C7E	RGB 149 140 126	#958C7E

#D7D4D2 #CCC6C2 #C1BAB4 #B6ADA5 #ABA298 #A0968A #958C7E

#D7D4D2 - #B6ADA5 - #958C7E

CSS codes

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

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