#D4D4B5 - #ABA261 | 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 #D4D4B5 to #ABA261

#D4D4B5 #ABA261

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

#D4D4B5 - #ABA261 | 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 #D4D4B5 as 0% and #ABA261 as 100%.

0.0%	0.0% #D4D4B5	RGB 212 212 181	#D4D4B5
16.7%	16.7% #CDCBA7	RGB 205 203 167	#CDCBA7
33.3%	33.3% #C6C399	RGB 198 195 153	#C6C399
50.0%	50.0% #BFBB8B	RGB 191 187 139	#BFBB8B
66.7%	66.7% #B8B27D	RGB 184 178 125	#B8B27D
83.3%	83.3% #B1AA6F	RGB 177 170 111	#B1AA6F
100.0%	100.0% #ABA261	RGB 171 162 97	#ABA261

#D4D4B5 #CDCBA7 #C6C399 #BFBB8B #B8B27D #B1AA6F #ABA261

#D4D4B5 - #ABA261

HSV Blend

#D4D4B5 - #ABA261 | 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 #D4D4B5 as 0% and #ABA261 as 100%.

0.0%	0.0% #D4D4B5	RGB 212 212 181	#D4D4B5
16.7%	16.7% #CDCCA5	RGB 205 204 165	#CDCCA5
33.3%	33.3% #C6C496	RGB 198 196 150	#C6C496
50.0%	50.0% #BFBC88	RGB 191 188 136	#BFBC88
66.7%	66.7% #B8B37A	RGB 184 179 122	#B8B37A
83.3%	83.3% #B1AA6D	RGB 177 170 109	#B1AA6D
100.0%	100.0% #ABA261	RGB 171 162 97	#ABA261

#D4D4B5 #CDCCA5 #C6C496 #BFBC88 #B8B37A #B1AA6D #ABA261

#D4D4B5 - #BFBC88 - #ABA261

CSS codes

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

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