#DFDFDF - #CAC394 | 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 #DFDFDF to #CAC394

#DFDFDF #CAC394

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

#DFDFDF - #CAC394 | 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 #DFDFDF as 0% and #CAC394 as 100%.

0.0%	0.0% #DFDFDF	RGB 223 223 223	#DFDFDF
16.7%	16.7% #DBDAD2	RGB 219 218 210	#DBDAD2
33.3%	33.3% #D8D5C6	RGB 216 213 198	#D8D5C6
50.0%	50.0% #D4D1B9	RGB 212 209 185	#D4D1B9
66.7%	66.7% #D1CCAD	RGB 209 204 173	#D1CCAD
83.3%	83.3% #CDC7A0	RGB 205 199 160	#CDC7A0
100.0%	100.0% #CAC394	RGB 202 195 148	#CAC394

#DFDFDF #DBDAD2 #D8D5C6 #D4D1B9 #D1CCAD #CDC7A0 #CAC394

#DFDFDF - #CAC394

HSV Blend

#DFDFDF - #CAC394 | 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 #DFDFDF as 0% and #CAC394 as 100%.

0.0%	0.0% #DFDFDF	RGB 223 223 223	#DFDFDF
16.7%	16.7% #DBD3D1	RGB 219 211 209	#DBD3D1
33.3%	33.3% #D8CAC4	RGB 216 202 196	#D8CAC4
50.0%	50.0% #D4C4B8	RGB 212 196 184	#D4C4B8
66.7%	66.7% #D1C1AB	RGB 209 193 171	#D1C1AB
83.3%	83.3% #CDC09F	RGB 205 192 159	#CDC09F
100.0%	100.0% #CAC394	RGB 202 195 148	#CAC394

#DFDFDF #DBD3D1 #D8CAC4 #D4C4B8 #D1C1AB #CDC09F #CAC394

#DFDFDF - #D4C4B8 - #CAC394

CSS codes

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

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