#C7B997 - #EFEBE1 | 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 #C7B997 to #EFEBE1

#C7B997 #EFEBE1

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

#C7B997 - #EFEBE1 | 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 #C7B997 as 0% and #EFEBE1 as 100%.

0.0%	0.0% #C7B997	RGB 199 185 151	#C7B997
16.7%	16.7% #CDC1A3	RGB 205 193 163	#CDC1A3
33.3%	33.3% #D4C9AF	RGB 212 201 175	#D4C9AF
50.0%	50.0% #DBD2BC	RGB 219 210 188	#DBD2BC
66.7%	66.7% #E1DAC8	RGB 225 218 200	#E1DAC8
83.3%	83.3% #E8E2D4	RGB 232 226 212	#E8E2D4
100.0%	100.0% #EFEBE1	RGB 239 235 225	#EFEBE1

#C7B997 #CDC1A3 #D4C9AF #DBD2BC #E1DAC8 #E8E2D4 #EFEBE1

#C7B997 - #EFEBE1

HSV Blend

#C7B997 - #EFEBE1 | 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 #C7B997 as 0% and #EFEBE1 as 100%.

0.0%	0.0% #C7B997	RGB 199 185 151	#C7B997
16.7%	16.7% #CDC1A2	RGB 205 193 162	#CDC1A2
33.3%	33.3% #D4C9AE	RGB 212 201 174	#D4C9AE
50.0%	50.0% #DBD1BA	RGB 219 209 186	#DBD1BA
66.7%	66.7% #E1D9C6	RGB 225 217 198	#E1D9C6
83.3%	83.3% #E8E2D3	RGB 232 226 211	#E8E2D3
100.0%	100.0% #EFEBE1	RGB 239 235 225	#EFEBE1

#C7B997 #CDC1A2 #D4C9AE #DBD1BA #E1D9C6 #E8E2D3 #EFEBE1

#C7B997 - #DBD1BA - #EFEBE1

CSS codes

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

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