#FFCDA1 - #EBE9DF | 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 #FFCDA1 to #EBE9DF

#FFCDA1 #EBE9DF

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

#FFCDA1 - #EBE9DF | 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 #FFCDA1 as 0% and #EBE9DF as 100%.

0.0%	0.0% #FFCDA1	RGB 255 205 161	#FFCDA1
16.7%	16.7% #FBD1AB	RGB 251 209 171	#FBD1AB
33.3%	33.3% #F8D6B5	RGB 248 214 181	#F8D6B5
50.0%	50.0% #F5DBC0	RGB 245 219 192	#F5DBC0
66.7%	66.7% #F1DFCA	RGB 241 223 202	#F1DFCA
83.3%	83.3% #EEE4D4	RGB 238 228 212	#EEE4D4
100.0%	100.0% #EBE9DF	RGB 235 233 223	#EBE9DF

#FFCDA1 #FBD1AB #F8D6B5 #F5DBC0 #F1DFCA #EEE4D4 #EBE9DF

#FFCDA1 - #EBE9DF

HSV Blend

#FFCDA1 - #EBE9DF | 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 #FFCDA1 as 0% and #EBE9DF as 100%.

0.0%	0.0% #FFCDA1	RGB 255 205 161	#FFCDA1
16.7%	16.7% #FBD6AC	RGB 251 214 172	#FBD6AC
33.3%	33.3% #F8DDB7	RGB 248 221 183	#F8DDB7
50.0%	50.0% #F5E3C1	RGB 245 227 193	#F5E3C1
66.7%	66.7% #F1E6CB	RGB 241 230 203	#F1E6CB
83.3%	83.3% #EEE8D5	RGB 238 232 213	#EEE8D5
100.0%	100.0% #EBE9DF	RGB 235 233 223	#EBE9DF

#FFCDA1 #FBD6AC #F8DDB7 #F5E3C1 #F1E6CB #EEE8D5 #EBE9DF

#FFCDA1 - #F5E3C1 - #EBE9DF

CSS codes

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

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