#D3D3CE - #A79D7E | 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 #D3D3CE to #A79D7E

#D3D3CE #A79D7E

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

#D3D3CE - #A79D7E | 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 #D3D3CE as 0% and #A79D7E as 100%.

0.0%	0.0% #D3D3CE	RGB 211 211 206	#D3D3CE
16.7%	16.7% #CBCAC0	RGB 203 202 192	#CBCAC0
33.3%	33.3% #C4C1B3	RGB 196 193 179	#C4C1B3
50.0%	50.0% #BDB8A6	RGB 189 184 166	#BDB8A6
66.7%	66.7% #B5AF98	RGB 181 175 152	#B5AF98
83.3%	83.3% #AEA68B	RGB 174 166 139	#AEA68B
100.0%	100.0% #A79D7E	RGB 167 157 126	#A79D7E

#D3D3CE #CBCAC0 #C4C1B3 #BDB8A6 #B5AF98 #AEA68B #A79D7E

#D3D3CE - #A79D7E

HSV Blend

#D3D3CE - #A79D7E | 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 #D3D3CE as 0% and #A79D7E as 100%.

0.0%	0.0% #D3D3CE	RGB 211 211 206	#D3D3CE
16.7%	16.7% #CBCBBF	RGB 203 203 191	#CBCBBF
33.3%	33.3% #C4C2B1	RGB 196 194 177	#C4C2B1
50.0%	50.0% #BDB9A3	RGB 189 185 163	#BDB9A3
66.7%	66.7% #B5B096	RGB 181 176 150	#B5B096
83.3%	83.3% #AEA689	RGB 174 166 137	#AEA689
100.0%	100.0% #A79D7E	RGB 167 157 126	#A79D7E

#D3D3CE #CBCBBF #C4C2B1 #BDB9A3 #B5B096 #AEA689 #A79D7E

#D3D3CE - #BDB9A3 - #A79D7E

CSS codes

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

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