#CCAFBA - #FFE8CE | 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 #CCAFBA to #FFE8CE

#CCAFBA #FFE8CE

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

#CCAFBA - #FFE8CE | 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 #CCAFBA as 0% and #FFE8CE as 100%.

0.0%	0.0% #CCAFBA	RGB 204 175 186	#CCAFBA
16.7%	16.7% #D4B8BD	RGB 212 184 189	#D4B8BD
33.3%	33.3% #DDC2C0	RGB 221 194 192	#DDC2C0
50.0%	50.0% #E5CBC4	RGB 229 203 196	#E5CBC4
66.7%	66.7% #EED5C7	RGB 238 213 199	#EED5C7
83.3%	83.3% #F6DECA	RGB 246 222 202	#F6DECA
100.0%	100.0% #FFE8CE	RGB 255 232 206	#FFE8CE

#CCAFBA #D4B8BD #DDC2C0 #E5CBC4 #EED5C7 #F6DECA #FFE8CE

#CCAFBA - #FFE8CE

HSV Blend

#CCAFBA - #FFE8CE | 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 #CCAFBA as 0% and #FFE8CE as 100%.

0.0%	0.0% #CCAFBA	RGB 204 175 186	#CCAFBA
16.7%	16.7% #D4B4BB	RGB 212 180 187	#D4B4BB
33.3%	33.3% #DDB9BC	RGB 221 185 188	#DDB9BC
50.0%	50.0% #E5C2BF	RGB 229 194 191	#E5C2BF
66.7%	66.7% #EECDC4	RGB 238 205 196	#EECDC4
83.3%	83.3% #F6DAC9	RGB 246 218 201	#F6DAC9
100.0%	100.0% #FFE8CE	RGB 255 232 206	#FFE8CE

#CCAFBA #D4B4BB #DDB9BC #E5C2BF #EECDC4 #F6DAC9 #FFE8CE

#CCAFBA - #E5C2BF - #FFE8CE

CSS codes

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

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