#C7BDC9 - #FFE5C0 | 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 #C7BDC9 to #FFE5C0

#C7BDC9 #FFE5C0

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

#C7BDC9 - #FFE5C0 | 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 #C7BDC9 as 0% and #FFE5C0 as 100%.

0.0%	0.0% #C7BDC9	RGB 199 189 201	#C7BDC9
16.7%	16.7% #D0C3C7	RGB 208 195 199	#D0C3C7
33.3%	33.3% #D9CAC6	RGB 217 202 198	#D9CAC6
50.0%	50.0% #E3D1C4	RGB 227 209 196	#E3D1C4
66.7%	66.7% #ECD7C3	RGB 236 215 195	#ECD7C3
83.3%	83.3% #F5DEC1	RGB 245 222 193	#F5DEC1
100.0%	100.0% #FFE5C0	RGB 255 229 192	#FFE5C0

#C7BDC9 #D0C3C7 #D9CAC6 #E3D1C4 #ECD7C3 #F5DEC1 #FFE5C0

#C7BDC9 - #FFE5C0

HSV Blend

#C7BDC9 - #FFE5C0 | 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 #C7BDC9 as 0% and #FFE5C0 as 100%.

0.0%	0.0% #C7BDC9	RGB 199 189 201	#C7BDC9
16.7%	16.7% #D2BECF	RGB 210 190 207	#D2BECF
33.3%	33.3% #DBC0CF	RGB 219 192 207	#DBC0CF
50.0%	50.0% #E4C1CB	RGB 228 193 203	#E4C1CB
66.7%	66.7% #EDC1C1	RGB 237 193 193	#EDC1C1
83.3%	83.3% #F6D0C0	RGB 246 208 192	#F6D0C0
100.0%	100.0% #FFE5C0	RGB 255 229 192	#FFE5C0

#C7BDC9 #D2BECF #DBC0CF #E4C1CB #EDC1C1 #F6D0C0 #FFE5C0

#C7BDC9 - #E4C1CB - #FFE5C0

CSS codes

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

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