#DFDFD1 - #B7AE81 | 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 #DFDFD1 to #B7AE81

#DFDFD1 #B7AE81

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

#DFDFD1 - #B7AE81 | 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 #DFDFD1 as 0% and #B7AE81 as 100%.

0.0%	0.0% #DFDFD1	RGB 223 223 209	#DFDFD1
16.7%	16.7% #D8D6C3	RGB 216 214 195	#D8D6C3
33.3%	33.3% #D1CEB6	RGB 209 206 182	#D1CEB6
50.0%	50.0% #CBC6A9	RGB 203 198 169	#CBC6A9
66.7%	66.7% #C4BE9B	RGB 196 190 155	#C4BE9B
83.3%	83.3% #BDB68E	RGB 189 182 142	#BDB68E
100.0%	100.0% #B7AE81	RGB 183 174 129	#B7AE81

#DFDFD1 #D8D6C3 #D1CEB6 #CBC6A9 #C4BE9B #BDB68E #B7AE81

#DFDFD1 - #B7AE81

HSV Blend

#DFDFD1 - #B7AE81 | 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 #DFDFD1 as 0% and #B7AE81 as 100%.

0.0%	0.0% #DFDFD1	RGB 223 223 209	#DFDFD1
16.7%	16.7% #D8D7C2	RGB 216 215 194	#D8D7C2
33.3%	33.3% #D1D0B4	RGB 209 208 180	#D1D0B4
50.0%	50.0% #CBC7A6	RGB 203 199 166	#CBC7A6
66.7%	66.7% #C4BF99	RGB 196 191 153	#C4BF99
83.3%	83.3% #BDB68D	RGB 189 182 141	#BDB68D
100.0%	100.0% #B7AE81	RGB 183 174 129	#B7AE81

#DFDFD1 #D8D7C2 #D1D0B4 #CBC7A6 #C4BF99 #BDB68D #B7AE81

#DFDFD1 - #CBC7A6 - #B7AE81

CSS codes

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

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