#C7B5ED - #F1F3E7 | 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 #C7B5ED to #F1F3E7

#C7B5ED #F1F3E7

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

#C7B5ED - #F1F3E7 | 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 #C7B5ED as 0% and #F1F3E7 as 100%.

0.0%	0.0% #C7B5ED	RGB 199 181 237	#C7B5ED
16.7%	16.7% #CEBFEC	RGB 206 191 236	#CEBFEC
33.3%	33.3% #D5C9EB	RGB 213 201 235	#D5C9EB
50.0%	50.0% #DCD4EA	RGB 220 212 234	#DCD4EA
66.7%	66.7% #E3DEE9	RGB 227 222 233	#E3DEE9
83.3%	83.3% #EAE8E8	RGB 234 232 232	#EAE8E8
100.0%	100.0% #F1F3E7	RGB 241 243 231	#F1F3E7

#C7B5ED #CEBFEC #D5C9EB #DCD4EA #E3DEE9 #EAE8E8 #F1F3E7

#C7B5ED - #F1F3E7

HSV Blend

#C7B5ED - #F1F3E7 | 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 #C7B5ED as 0% and #F1F3E7 as 100%.

0.0%	0.0% #C7B5ED	RGB 199 181 237	#C7B5ED
16.7%	16.7% #E4BDEE	RGB 228 189 238	#E4BDEE
33.3%	33.3% #EFC5E3	RGB 239 197 227	#EFC5E3
50.0%	50.0% #F0CDD6	RGB 240 205 214	#F0CDD6
66.7%	66.7% #F1DBD6	RGB 241 219 214	#F1DBD6
83.3%	83.3% #F2ECDE	RGB 242 236 222	#F2ECDE
100.0%	100.0% #F1F3E7	RGB 241 243 231	#F1F3E7

#C7B5ED #E4BDEE #EFC5E3 #F0CDD6 #F1DBD6 #F2ECDE #F1F3E7

#C7B5ED - #F0CDD6 - #F1F3E7

CSS codes

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

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