#CEAFD0 - #FFE3C7 | 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 #CEAFD0 to #FFE3C7

#CEAFD0 #FFE3C7

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

#CEAFD0 - #FFE3C7 | 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 #CEAFD0 as 0% and #FFE3C7 as 100%.

0.0%	0.0% #CEAFD0	RGB 206 175 208	#CEAFD0
16.7%	16.7% #D6B7CE	RGB 214 183 206	#D6B7CE
33.3%	33.3% #DEC0CD	RGB 222 192 205	#DEC0CD
50.0%	50.0% #E6C9CB	RGB 230 201 203	#E6C9CB
66.7%	66.7% #EED1CA	RGB 238 209 202	#EED1CA
83.3%	83.3% #F6DAC8	RGB 246 218 200	#F6DAC8
100.0%	100.0% #FFE3C7	RGB 255 227 199	#FFE3C7

#CEAFD0 #D6B7CE #DEC0CD #E6C9CB #EED1CA #F6DAC8 #FFE3C7

#CEAFD0 - #FFE3C7

HSV Blend

#CEAFD0 - #FFE3C7 | 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 #CEAFD0 as 0% and #FFE3C7 as 100%.

0.0%	0.0% #CEAFD0	RGB 206 175 208	#CEAFD0
16.7%	16.7% #D7B3D0	RGB 215 179 208	#D7B3D0
33.3%	33.3% #DFB7CD	RGB 223 183 205	#DFB7CD
50.0%	50.0% #E7BBC7	RGB 231 187 199	#E7BBC7
66.7%	66.7% #EFBFC0	RGB 239 191 192	#EFBFC0
83.3%	83.3% #F7CFC3	RGB 247 207 195	#F7CFC3
100.0%	100.0% #FFE3C7	RGB 255 227 199	#FFE3C7

#CEAFD0 #D7B3D0 #DFB7CD #E7BBC7 #EFBFC0 #F7CFC3 #FFE3C7

#CEAFD0 - #E7BBC7 - #FFE3C7

CSS codes

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

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