#C79DAA - #EFE3E7 | 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 #C79DAA to #EFE3E7

#C79DAA #EFE3E7

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

#C79DAA - #EFE3E7 | 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 #C79DAA as 0% and #EFE3E7 as 100%.

0.0%	0.0% #C79DAA	RGB 199 157 170	#C79DAA
16.7%	16.7% #CDA8B4	RGB 205 168 180	#CDA8B4
33.3%	33.3% #D4B4BE	RGB 212 180 190	#D4B4BE
50.0%	50.0% #DBC0C8	RGB 219 192 200	#DBC0C8
66.7%	66.7% #E1CBD2	RGB 225 203 210	#E1CBD2
83.3%	83.3% #E8D7DC	RGB 232 215 220	#E8D7DC
100.0%	100.0% #EFE3E7	RGB 239 227 231	#EFE3E7

#C79DAA #CDA8B4 #D4B4BE #DBC0C8 #E1CBD2 #E8D7DC #EFE3E7

#C79DAA - #EFE3E7

HSV Blend

#C79DAA - #EFE3E7 | 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 #C79DAA as 0% and #EFE3E7 as 100%.

0.0%	0.0% #C79DAA	RGB 199 157 170	#C79DAA
16.7%	16.7% #CDA7B3	RGB 205 167 179	#CDA7B3
33.3%	33.3% #D4B2BD	RGB 212 178 189	#D4B2BD
50.0%	50.0% #DBBEC7	RGB 219 190 199	#DBBEC7
66.7%	66.7% #E1CAD1	RGB 225 202 209	#E1CAD1
83.3%	83.3% #E8D6DC	RGB 232 214 220	#E8D6DC
100.0%	100.0% #EFE3E7	RGB 239 227 231	#EFE3E7

#C79DAA #CDA7B3 #D4B2BD #DBBEC7 #E1CAD1 #E8D6DC #EFE3E7

#C79DAA - #DBBEC7 - #EFE3E7

CSS codes

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

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