#C7B2B5 - #EFE9E9 | 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 #C7B2B5 to #EFE9E9

#C7B2B5 #EFE9E9

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

#C7B2B5 - #EFE9E9 | 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 #C7B2B5 as 0% and #EFE9E9 as 100%.

0.0%	0.0% #C7B2B5	RGB 199 178 181	#C7B2B5
16.7%	16.7% #CDBBBD	RGB 205 187 189	#CDBBBD
33.3%	33.3% #D4C4C6	RGB 212 196 198	#D4C4C6
50.0%	50.0% #DBCDCF	RGB 219 205 207	#DBCDCF
66.7%	66.7% #E1D6D7	RGB 225 214 215	#E1D6D7
83.3%	83.3% #E8DFE0	RGB 232 223 224	#E8DFE0
100.0%	100.0% #EFE9E9	RGB 239 233 233	#EFE9E9

#C7B2B5 #CDBBBD #D4C4C6 #DBCDCF #E1D6D7 #E8DFE0 #EFE9E9

#C7B2B5 - #EFE9E9

HSV Blend

#C7B2B5 - #EFE9E9 | 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 #C7B2B5 as 0% and #EFE9E9 as 100%.

0.0%	0.0% #C7B2B5	RGB 199 178 181	#C7B2B5
16.7%	16.7% #CDBABC	RGB 205 186 188	#CDBABC
33.3%	33.3% #D4C3C5	RGB 212 195 197	#D4C3C5
50.0%	50.0% #DBCCCD	RGB 219 204 205	#DBCCCD
66.7%	66.7% #E1D5D6	RGB 225 213 214	#E1D5D6
83.3%	83.3% #E8DFDF	RGB 232 223 223	#E8DFDF
100.0%	100.0% #EFE9E9	RGB 239 233 233	#EFE9E9

#C7B2B5 #CDBABC #D4C3C5 #DBCCCD #E1D5D6 #E8DFDF #EFE9E9

#C7B2B5 - #DBCCCD - #EFE9E9

CSS codes

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

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