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

#C79DAC #EFE3E7

Calculate the color between two colors, #C79DAC 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)

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

0.0%	0.0% #C79DAC	RGB 199 157 172	#C79DAC
16.7%	16.7% #CDA8B5	RGB 205 168 181	#CDA8B5
33.3%	33.3% #D4B4BF	RGB 212 180 191	#D4B4BF
50.0%	50.0% #DBC0C9	RGB 219 192 201	#DBC0C9
66.7%	66.7% #E1CBD3	RGB 225 203 211	#E1CBD3
83.3%	83.3% #E8D7DD	RGB 232 215 221	#E8D7DD
100.0%	100.0% #EFE3E7	RGB 239 227 231	#EFE3E7

#C79DAC #CDA8B5 #D4B4BF #DBC0C9 #E1CBD3 #E8D7DD #EFE3E7

#C79DAC - #EFE3E7

HSV Blend

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

0.0%	0.0% #C79DAC	RGB 199 157 172	#C79DAC
16.7%	16.7% #CDA7B5	RGB 205 167 181	#CDA7B5
33.3%	33.3% #D4B2BE	RGB 212 178 190	#D4B2BE
50.0%	50.0% #DBBEC8	RGB 219 190 200	#DBBEC8
66.7%	66.7% #E1CAD2	RGB 225 202 210	#E1CAD2
83.3%	83.3% #E8D6DC	RGB 232 214 220	#E8D6DC
100.0%	100.0% #EFE3E7	RGB 239 227 231	#EFE3E7

#C79DAC #CDA7B5 #D4B2BE #DBBEC8 #E1CAD2 #E8D6DC #EFE3E7

#C79DAC - #DBBEC8 - #EFE3E7

CSS codes

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

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