#D4D2B0 - #AD9E5C | 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 #D4D2B0 to #AD9E5C

#D4D2B0 #AD9E5C

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

#D4D2B0 - #AD9E5C | 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 #D4D2B0 as 0% and #AD9E5C as 100%.

0.0%	0.0% #D4D2B0	RGB 212 210 176	#D4D2B0
16.7%	16.7% #CDC9A2	RGB 205 201 162	#CDC9A2
33.3%	33.3% #C7C094	RGB 199 192 148	#C7C094
50.0%	50.0% #C0B886	RGB 192 184 134	#C0B886
66.7%	66.7% #BAAF78	RGB 186 175 120	#BAAF78
83.3%	83.3% #B3A66A	RGB 179 166 106	#B3A66A
100.0%	100.0% #AD9E5C	RGB 173 158 92	#AD9E5C

#D4D2B0 #CDC9A2 #C7C094 #C0B886 #BAAF78 #B3A66A #AD9E5C

#D4D2B0 - #AD9E5C

HSV Blend

#D4D2B0 - #AD9E5C | 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 #D4D2B0 as 0% and #AD9E5C as 100%.

0.0%	0.0% #D4D2B0	RGB 212 210 176	#D4D2B0
16.7%	16.7% #CDCAA0	RGB 205 202 160	#CDCAA0
33.3%	33.3% #C7C191	RGB 199 193 145	#C7C191
50.0%	50.0% #C0B983	RGB 192 185 131	#C0B983
66.7%	66.7% #BAB075	RGB 186 176 117	#BAB075
83.3%	83.3% #B3A768	RGB 179 167 104	#B3A768
100.0%	100.0% #AD9E5C	RGB 173 158 92	#AD9E5C

#D4D2B0 #CDCAA0 #C7C191 #C0B983 #BAB075 #B3A768 #AD9E5C

#D4D2B0 - #C0B983 - #AD9E5C

CSS codes

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

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