#C7A8BE - #EFC2F2 | 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 #C7A8BE to #EFC2F2

#C7A8BE #EFC2F2

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

#C7A8BE - #EFC2F2 | 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 #C7A8BE as 0% and #EFC2F2 as 100%.

0.0%	0.0% #C7A8BE	RGB 199 168 190	#C7A8BE
16.7%	16.7% #CDACC6	RGB 205 172 198	#CDACC6
33.3%	33.3% #D4B0CF	RGB 212 176 207	#D4B0CF
50.0%	50.0% #DBB5D8	RGB 219 181 216	#DBB5D8
66.7%	66.7% #E1B9E0	RGB 225 185 224	#E1B9E0
83.3%	83.3% #E8BDE9	RGB 232 189 233	#E8BDE9
100.0%	100.0% #EFC2F2	RGB 239 194 242	#EFC2F2

#C7A8BE #CDACC6 #D4B0CF #DBB5D8 #E1B9E0 #E8BDE9 #EFC2F2

#C7A8BE - #EFC2F2

HSV Blend

#C7A8BE - #EFC2F2 | 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 #C7A8BE as 0% and #EFC2F2 as 100%.

0.0%	0.0% #C7A8BE	RGB 199 168 190	#C7A8BE
16.7%	16.7% #CEACC6	RGB 206 172 198	#CEACC6
33.3%	33.3% #D5B1CF	RGB 213 177 207	#D5B1CF
50.0%	50.0% #DCB5D8	RGB 220 181 216	#DCB5D8
66.7%	66.7% #E3B9E1	RGB 227 185 225	#E3B9E1
83.3%	83.3% #EABDEA	RGB 234 189 234	#EABDEA
100.0%	100.0% #EFC2F2	RGB 239 194 242	#EFC2F2

#C7A8BE #CEACC6 #D5B1CF #DCB5D8 #E3B9E1 #EABDEA #EFC2F2

#C7A8BE - #DCB5D8 - #EFC2F2

CSS codes

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

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