#C7B5C9 - #FFE2BF | 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 #C7B5C9 to #FFE2BF

#C7B5C9 #FFE2BF

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

#C7B5C9 - #FFE2BF | 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 #C7B5C9 as 0% and #FFE2BF as 100%.

0.0%	0.0% #C7B5C9	RGB 199 181 201	#C7B5C9
16.7%	16.7% #D0BCC7	RGB 208 188 199	#D0BCC7
33.3%	33.3% #D9C4C5	RGB 217 196 197	#D9C4C5
50.0%	50.0% #E3CBC4	RGB 227 203 196	#E3CBC4
66.7%	66.7% #ECD3C2	RGB 236 211 194	#ECD3C2
83.3%	83.3% #F5DAC0	RGB 245 218 192	#F5DAC0
100.0%	100.0% #FFE2BF	RGB 255 226 191	#FFE2BF

#C7B5C9 #D0BCC7 #D9C4C5 #E3CBC4 #ECD3C2 #F5DAC0 #FFE2BF

#C7B5C9 - #FFE2BF

HSV Blend

#C7B5C9 - #FFE2BF | 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 #C7B5C9 as 0% and #FFE2BF as 100%.

0.0%	0.0% #C7B5C9	RGB 199 181 201	#C7B5C9
16.7%	16.7% #D2B7CD	RGB 210 183 205	#D2B7CD
33.3%	33.3% #DBBACC	RGB 219 186 204	#DBBACC
50.0%	50.0% #E4BCC7	RGB 228 188 199	#E4BCC7
66.7%	66.7% #EDBDBD	RGB 237 189 189	#EDBDBD
83.3%	83.3% #F6CDBE	RGB 246 205 190	#F6CDBE
100.0%	100.0% #FFE2BF	RGB 255 226 191	#FFE2BF

#C7B5C9 #D2B7CD #DBBACC #E4BCC7 #EDBDBD #F6CDBE #FFE2BF

#C7B5C9 - #E4BCC7 - #FFE2BF

CSS codes

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

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