#C7B6D7 - #FFE6CF | 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 #C7B6D7 to #FFE6CF

#C7B6D7 #FFE6CF

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

#C7B6D7 - #FFE6CF | 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 #C7B6D7 as 0% and #FFE6CF as 100%.

0.0%	0.0% #C7B6D7	RGB 199 182 215	#C7B6D7
16.7%	16.7% #D0BED5	RGB 208 190 213	#D0BED5
33.3%	33.3% #D9C6D4	RGB 217 198 212	#D9C6D4
50.0%	50.0% #E3CED3	RGB 227 206 211	#E3CED3
66.7%	66.7% #ECD6D1	RGB 236 214 209	#ECD6D1
83.3%	83.3% #F5DED0	RGB 245 222 208	#F5DED0
100.0%	100.0% #FFE6CF	RGB 255 230 207	#FFE6CF

#C7B6D7 #D0BED5 #D9C6D4 #E3CED3 #ECD6D1 #F5DED0 #FFE6CF

#C7B6D7 - #FFE6CF

HSV Blend

#C7B6D7 - #FFE6CF | 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 #C7B6D7 as 0% and #FFE6CF as 100%.

0.0%	0.0% #C7B6D7	RGB 199 182 215	#C7B6D7
16.7%	16.7% #D8BADD	RGB 216 186 221	#D8BADD
33.3%	33.3% #E4BEDD	RGB 228 190 221	#E4BEDD
50.0%	50.0% #EBC2D7	RGB 235 194 215	#EBC2D7
66.7%	66.7% #F1C6CE	RGB 241 198 206	#F1C6CE
83.3%	83.3% #F8D1CB	RGB 248 209 203	#F8D1CB
100.0%	100.0% #FFE6CF	RGB 255 230 207	#FFE6CF

#C7B6D7 #D8BADD #E4BEDD #EBC2D7 #F1C6CE #F8D1CB #FFE6CF

#C7B6D7 - #EBC2D7 - #FFE6CF

CSS codes

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

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