#C4B5CA - #FFE3C2 | 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 #C4B5CA to #FFE3C2

#C4B5CA #FFE3C2

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

#C4B5CA - #FFE3C2 | 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 #C4B5CA as 0% and #FFE3C2 as 100%.

0.0%	0.0% #C4B5CA	RGB 196 181 202	#C4B5CA
16.7%	16.7% #CDBCC8	RGB 205 188 200	#CDBCC8
33.3%	33.3% #D7C4C7	RGB 215 196 199	#D7C4C7
50.0%	50.0% #E1CCC6	RGB 225 204 198	#E1CCC6
66.7%	66.7% #EBD3C4	RGB 235 211 196	#EBD3C4
83.3%	83.3% #F5DBC3	RGB 245 219 195	#F5DBC3
100.0%	100.0% #FFE3C2	RGB 255 227 194	#FFE3C2

#C4B5CA #CDBCC8 #D7C4C7 #E1CCC6 #EBD3C4 #F5DBC3 #FFE3C2

#C4B5CA - #FFE3C2

HSV Blend

#C4B5CA - #FFE3C2 | 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 #C4B5CA as 0% and #FFE3C2 as 100%.

0.0%	0.0% #C4B5CA	RGB 196 181 202	#C4B5CA
16.7%	16.7% #D2B8D2	RGB 210 184 210	#D2B8D2
33.3%	33.3% #DBBAD1	RGB 219 186 209	#DBBAD1
50.0%	50.0% #E4BDCB	RGB 228 189 203	#E4BDCB
66.7%	66.7% #EDBFC2	RGB 237 191 194	#EDBFC2
83.3%	83.3% #F6CDC0	RGB 246 205 192	#F6CDC0
100.0%	100.0% #FFE3C2	RGB 255 227 194	#FFE3C2

#C4B5CA #D2B8D2 #DBBAD1 #E4BDCB #EDBFC2 #F6CDC0 #FFE3C2

#C4B5CA - #E4BDCB - #FFE3C2

CSS codes

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

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