#C7B5DA - #F0CFFF | 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 #C7B5DA to #F0CFFF

#C7B5DA #F0CFFF

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

#C7B5DA - #F0CFFF | 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 #C7B5DA as 0% and #F0CFFF as 100%.

0.0%	0.0% #C7B5DA	RGB 199 181 218	#C7B5DA
16.7%	16.7% #CDB9E0	RGB 205 185 224	#CDB9E0
33.3%	33.3% #D4BDE6	RGB 212 189 230	#D4BDE6
50.0%	50.0% #DBC2EC	RGB 219 194 236	#DBC2EC
66.7%	66.7% #E2C6F2	RGB 226 198 242	#E2C6F2
83.3%	83.3% #E9CAF8	RGB 233 202 248	#E9CAF8
100.0%	100.0% #F0CFFF	RGB 240 207 255	#F0CFFF

#C7B5DA #CDB9E0 #D4BDE6 #DBC2EC #E2C6F2 #E9CAF8 #F0CFFF

#C7B5DA - #F0CFFF

HSV Blend

#C7B5DA - #F0CFFF | 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 #C7B5DA as 0% and #F0CFFF as 100%.

0.0%	0.0% #C7B5DA	RGB 199 181 218	#C7B5DA
16.7%	16.7% #CDB9E0	RGB 205 185 224	#CDB9E0
33.3%	33.3% #D4BDE6	RGB 212 189 230	#D4BDE6
50.0%	50.0% #DBC2EC	RGB 219 194 236	#DBC2EC
66.7%	66.7% #E1C6F2	RGB 225 198 242	#E1C6F2
83.3%	83.3% #E8CAF8	RGB 232 202 248	#E8CAF8
100.0%	100.0% #F0CFFF	RGB 240 207 255	#F0CFFF

#C7B5DA #CDB9E0 #D4BDE6 #DBC2EC #E1C6F2 #E8CAF8 #F0CFFF

#C7B5DA - #DBC2EC - #F0CFFF

CSS codes

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

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