#C7AF7F - #EFE8DA | 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 #C7AF7F to #EFE8DA

#C7AF7F #EFE8DA

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

#C7AF7F - #EFE8DA | 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 #C7AF7F as 0% and #EFE8DA as 100%.

0.0%	0.0% #C7AF7F	RGB 199 175 127	#C7AF7F
16.7%	16.7% #CDB88E	RGB 205 184 142	#CDB88E
33.3%	33.3% #D4C29D	RGB 212 194 157	#D4C29D
50.0%	50.0% #DBCBAC	RGB 219 203 172	#DBCBAC
66.7%	66.7% #E1D5BB	RGB 225 213 187	#E1D5BB
83.3%	83.3% #E8DECA	RGB 232 222 202	#E8DECA
100.0%	100.0% #EFE8DA	RGB 239 232 218	#EFE8DA

#C7AF7F #CDB88E #D4C29D #DBCBAC #E1D5BB #E8DECA #EFE8DA

#C7AF7F - #EFE8DA

HSV Blend

#C7AF7F - #EFE8DA | 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 #C7AF7F as 0% and #EFE8DA as 100%.

0.0%	0.0% #C7AF7F	RGB 199 175 127	#C7AF7F
16.7%	16.7% #CDB78C	RGB 205 183 140	#CDB78C
33.3%	33.3% #D4C19A	RGB 212 193 154	#D4C19A
50.0%	50.0% #DBCAA9	RGB 219 202 169	#DBCAA9
66.7%	66.7% #E1D4B9	RGB 225 212 185	#E1D4B9
83.3%	83.3% #E8DDC9	RGB 232 221 201	#E8DDC9
100.0%	100.0% #EFE8DA	RGB 239 232 218	#EFE8DA

#C7AF7F #CDB78C #D4C19A #DBCAA9 #E1D4B9 #E8DDC9 #EFE8DA

#C7AF7F - #DBCAA9 - #EFE8DA

CSS codes

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

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