#C7BED5 - #FFE9CF | 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 #C7BED5 to #FFE9CF

#C7BED5 #FFE9CF

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

#C7BED5 - #FFE9CF | 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 #C7BED5 as 0% and #FFE9CF as 100%.

0.0%	0.0% #C7BED5	RGB 199 190 213	#C7BED5
16.7%	16.7% #D0C5D4	RGB 208 197 212	#D0C5D4
33.3%	33.3% #D9CCD3	RGB 217 204 211	#D9CCD3
50.0%	50.0% #E3D3D2	RGB 227 211 210	#E3D3D2
66.7%	66.7% #ECDAD1	RGB 236 218 209	#ECDAD1
83.3%	83.3% #F5E1D0	RGB 245 225 208	#F5E1D0
100.0%	100.0% #FFE9CF	RGB 255 233 207	#FFE9CF

#C7BED5 #D0C5D4 #D9CCD3 #E3D3D2 #ECDAD1 #F5E1D0 #FFE9CF

#C7BED5 - #FFE9CF

HSV Blend

#C7BED5 - #FFE9CF | 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 #C7BED5 as 0% and #FFE9CF as 100%.

0.0%	0.0% #C7BED5	RGB 199 190 213	#C7BED5
16.7%	16.7% #D5C1DC	RGB 213 193 220	#D5C1DC
33.3%	33.3% #E3C4DF	RGB 227 196 223	#E3C4DF
50.0%	50.0% #EAC7D9	RGB 234 199 217	#EAC7D9
66.7%	66.7% #F1CAD0	RGB 241 202 208	#F1CAD0
83.3%	83.3% #F8D4CC	RGB 248 212 204	#F8D4CC
100.0%	100.0% #FFE9CF	RGB 255 233 207	#FFE9CF

#C7BED5 #D5C1DC #E3C4DF #EAC7D9 #F1CAD0 #F8D4CC #FFE9CF

#C7BED5 - #EAC7D9 - #FFE9CF

CSS codes

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

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