#C7A0B5 - #EFE3E9 | 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 #C7A0B5 to #EFE3E9

#C7A0B5 #EFE3E9

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

#C7A0B5 - #EFE3E9 | 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 #C7A0B5 as 0% and #EFE3E9 as 100%.

0.0%	0.0% #C7A0B5	RGB 199 160 181	#C7A0B5
16.7%	16.7% #CDABBD	RGB 205 171 189	#CDABBD
33.3%	33.3% #D4B6C6	RGB 212 182 198	#D4B6C6
50.0%	50.0% #DBC1CF	RGB 219 193 207	#DBC1CF
66.7%	66.7% #E1CCD7	RGB 225 204 215	#E1CCD7
83.3%	83.3% #E8D7E0	RGB 232 215 224	#E8D7E0
100.0%	100.0% #EFE3E9	RGB 239 227 233	#EFE3E9

#C7A0B5 #CDABBD #D4B6C6 #DBC1CF #E1CCD7 #E8D7E0 #EFE3E9

#C7A0B5 - #EFE3E9

HSV Blend

#C7A0B5 - #EFE3E9 | 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 #C7A0B5 as 0% and #EFE3E9 as 100%.

0.0%	0.0% #C7A0B5	RGB 199 160 181	#C7A0B5
16.7%	16.7% #CDAABD	RGB 205 170 189	#CDAABD
33.3%	33.3% #D4B5C5	RGB 212 181 197	#D4B5C5
50.0%	50.0% #DBC0CE	RGB 219 192 206	#DBC0CE
66.7%	66.7% #E1CBD6	RGB 225 203 214	#E1CBD6
83.3%	83.3% #E8D7DF	RGB 232 215 223	#E8D7DF
100.0%	100.0% #EFE3E9	RGB 239 227 233	#EFE3E9

#C7A0B5 #CDAABD #D4B5C5 #DBC0CE #E1CBD6 #E8D7DF #EFE3E9

#C7A0B5 - #DBC0CE - #EFE3E9

CSS codes

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

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