#EFEFE7 - #CBC49D | 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 #EFEFE7 to #CBC49D

#EFEFE7 #CBC49D

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

#EFEFE7 - #CBC49D | 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 #EFEFE7 as 0% and #CBC49D as 100%.

0.0%	0.0% #EFEFE7	RGB 239 239 231	#EFEFE7
16.7%	16.7% #E9E7DA	RGB 233 231 218	#E9E7DA
33.3%	33.3% #E3E0CE	RGB 227 224 206	#E3E0CE
50.0%	50.0% #DDD9C2	RGB 221 217 194	#DDD9C2
66.7%	66.7% #D7D2B5	RGB 215 210 181	#D7D2B5
83.3%	83.3% #D1CBA9	RGB 209 203 169	#D1CBA9
100.0%	100.0% #CBC49D	RGB 203 196 157	#CBC49D

#EFEFE7 #E9E7DA #E3E0CE #DDD9C2 #D7D2B5 #D1CBA9 #CBC49D

#EFEFE7 - #CBC49D

HSV Blend

#EFEFE7 - #CBC49D | 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 #EFEFE7 as 0% and #CBC49D as 100%.

0.0%	0.0% #EFEFE7	RGB 239 239 231	#EFEFE7
16.7%	16.7% #E9E8D9	RGB 233 232 217	#E9E8D9
33.3%	33.3% #E3E1CC	RGB 227 225 204	#E3E1CC
50.0%	50.0% #DDDAC0	RGB 221 218 192	#DDDAC0
66.7%	66.7% #D7D3B4	RGB 215 211 180	#D7D3B4
83.3%	83.3% #D1CBA8	RGB 209 203 168	#D1CBA8
100.0%	100.0% #CBC49D	RGB 203 196 157	#CBC49D

#EFEFE7 #E9E8D9 #E3E1CC #DDDAC0 #D7D3B4 #D1CBA8 #CBC49D

#EFEFE7 - #DDDAC0 - #CBC49D

CSS codes

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

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