#C4C2FC - #FFEEED | 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 #C4C2FC to #FFEEED

#C4C2FC #FFEEED

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

#C4C2FC - #FFEEED | 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 #C4C2FC as 0% and #FFEEED as 100%.

0.0%	0.0% #C4C2FC	RGB 196 194 252	#C4C2FC
16.7%	16.7% #CDC9F9	RGB 205 201 249	#CDC9F9
33.3%	33.3% #D7D0F7	RGB 215 208 247	#D7D0F7
50.0%	50.0% #E1D8F4	RGB 225 216 244	#E1D8F4
66.7%	66.7% #EBDFF2	RGB 235 223 242	#EBDFF2
83.3%	83.3% #F5E6EF	RGB 245 230 239	#F5E6EF
100.0%	100.0% #FFEEED	RGB 255 238 237	#FFEEED

#C4C2FC #CDC9F9 #D7D0F7 #E1D8F4 #EBDFF2 #F5E6EF #FFEEED

#C4C2FC - #FFEEED

HSV Blend

#C4C2FC - #FFEEED | 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 #C4C2FC as 0% and #FFEEED as 100%.

0.0%	0.0% #C4C2FC	RGB 196 194 252	#C4C2FC
16.7%	16.7% #DCC9FC	RGB 220 201 252	#DCC9FC
33.3%	33.3% #EFD0FD	RGB 239 208 253	#EFD0FD
50.0%	50.0% #FDD7FB	RGB 253 215 251	#FDD7FB
66.7%	66.7% #FEDEF1	RGB 254 222 241	#FEDEF1
83.3%	83.3% #FEE5EC	RGB 254 229 236	#FEE5EC
100.0%	100.0% #FFEEED	RGB 255 238 237	#FFEEED

#C4C2FC #DCC9FC #EFD0FD #FDD7FB #FEDEF1 #FEE5EC #FFEEED

#C4C2FC - #FDD7FB - #FFEEED

CSS codes

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

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