#C4BFD2 - #FFE9CD | 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 #C4BFD2 to #FFE9CD

#C4BFD2 #FFE9CD

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

#C4BFD2 - #FFE9CD | 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 #C4BFD2 as 0% and #FFE9CD as 100%.

0.0%	0.0% #C4BFD2	RGB 196 191 210	#C4BFD2
16.7%	16.7% #CDC6D1	RGB 205 198 209	#CDC6D1
33.3%	33.3% #D7CDD0	RGB 215 205 208	#D7CDD0
50.0%	50.0% #E1D4CF	RGB 225 212 207	#E1D4CF
66.7%	66.7% #EBDBCE	RGB 235 219 206	#EBDBCE
83.3%	83.3% #F5E2CD	RGB 245 226 205	#F5E2CD
100.0%	100.0% #FFE9CD	RGB 255 233 205	#FFE9CD

#C4BFD2 #CDC6D1 #D7CDD0 #E1D4CF #EBDBCE #F5E2CD #FFE9CD

#C4BFD2 - #FFE9CD

HSV Blend

#C4BFD2 - #FFE9CD | 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 #C4BFD2 as 0% and #FFE9CD as 100%.

0.0%	0.0% #C4BFD2	RGB 196 191 210	#C4BFD2
16.7%	16.7% #D1C1D9	RGB 209 193 217	#D1C1D9
33.3%	33.3% #E1C4E0	RGB 225 196 224	#E1C4E0
50.0%	50.0% #E8C7DA	RGB 232 199 218	#E8C7DA
66.7%	66.7% #F0C9D1	RGB 240 201 209	#F0C9D1
83.3%	83.3% #F7D3CB	RGB 247 211 203	#F7D3CB
100.0%	100.0% #FFE9CD	RGB 255 233 205	#FFE9CD

#C4BFD2 #D1C1D9 #E1C4E0 #E8C7DA #F0C9D1 #F7D3CB #FFE9CD

#C4BFD2 - #E8C7DA - #FFE9CD

CSS codes

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

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