#C7AC98 - #EFE7E1 | 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 #C7AC98 to #EFE7E1

#C7AC98 #EFE7E1

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

#C7AC98 - #EFE7E1 | 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 #C7AC98 as 0% and #EFE7E1 as 100%.

0.0%	0.0% #C7AC98	RGB 199 172 152	#C7AC98
16.7%	16.7% #CDB5A4	RGB 205 181 164	#CDB5A4
33.3%	33.3% #D4BFB0	RGB 212 191 176	#D4BFB0
50.0%	50.0% #DBC9BC	RGB 219 201 188	#DBC9BC
66.7%	66.7% #E1D3C8	RGB 225 211 200	#E1D3C8
83.3%	83.3% #E8DDD4	RGB 232 221 212	#E8DDD4
100.0%	100.0% #EFE7E1	RGB 239 231 225	#EFE7E1

#C7AC98 #CDB5A4 #D4BFB0 #DBC9BC #E1D3C8 #E8DDD4 #EFE7E1

#C7AC98 - #EFE7E1

HSV Blend

#C7AC98 - #EFE7E1 | 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 #C7AC98 as 0% and #EFE7E1 as 100%.

0.0%	0.0% #C7AC98	RGB 199 172 152	#C7AC98
16.7%	16.7% #CDB5A3	RGB 205 181 163	#CDB5A3
33.3%	33.3% #D4BEAE	RGB 212 190 174	#D4BEAE
50.0%	50.0% #DBC8BA	RGB 219 200 186	#DBC8BA
66.7%	66.7% #E1D2C7	RGB 225 210 199	#E1D2C7
83.3%	83.3% #E8DCD3	RGB 232 220 211	#E8DCD3
100.0%	100.0% #EFE7E1	RGB 239 231 225	#EFE7E1

#C7AC98 #CDB5A3 #D4BEAE #DBC8BA #E1D2C7 #E8DCD3 #EFE7E1

#C7AC98 - #DBC8BA - #EFE7E1

CSS codes

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

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