#FFC1A8 - #FFEDE6 | 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 #FFC1A8 to #FFEDE6

#FFC1A8 #FFEDE6

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

#FFC1A8 - #FFEDE6 | 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 #FFC1A8 as 0% and #FFEDE6 as 100%.

0.0%	0.0% #FFC1A8	RGB 255 193 168	#FFC1A8
16.7%	16.7% #FFC8B2	RGB 255 200 178	#FFC8B2
33.3%	33.3% #FFCFBC	RGB 255 207 188	#FFCFBC
50.0%	50.0% #FFD7C7	RGB 255 215 199	#FFD7C7
66.7%	66.7% #FFDED1	RGB 255 222 209	#FFDED1
83.3%	83.3% #FFE5DB	RGB 255 229 219	#FFE5DB
100.0%	100.0% #FFEDE6	RGB 255 237 230	#FFEDE6

#FFC1A8 #FFC8B2 #FFCFBC #FFD7C7 #FFDED1 #FFE5DB #FFEDE6

#FFC1A8 - #FFEDE6

HSV Blend

#FFC1A8 - #FFEDE6 | 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 #FFC1A8 as 0% and #FFEDE6 as 100%.

0.0%	0.0% #FFC1A8	RGB 255 193 168	#FFC1A8
16.7%	16.7% #FFC8B2	RGB 255 200 178	#FFC8B2
33.3%	33.3% #FFCFBC	RGB 255 207 188	#FFCFBC
50.0%	50.0% #FFD6C7	RGB 255 214 199	#FFD6C7
66.7%	66.7% #FFDED1	RGB 255 222 209	#FFDED1
83.3%	83.3% #FFE5DB	RGB 255 229 219	#FFE5DB
100.0%	100.0% #FFEDE6	RGB 255 237 230	#FFEDE6

#FFC1A8 #FFC8B2 #FFCFBC #FFD6C7 #FFDED1 #FFE5DB #FFEDE6

#FFC1A8 - #FFD6C7 - #FFEDE6

CSS codes

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

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