#FFCD9F - #F4F8C7 | 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 #FFCD9F to #F4F8C7

#FFCD9F #F4F8C7

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

#FFCD9F - #F4F8C7 | 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 #FFCD9F as 0% and #F4F8C7 as 100%.

0.0%	0.0% #FFCD9F	RGB 255 205 159	#FFCD9F
16.7%	16.7% #FDD4A5	RGB 253 212 165	#FDD4A5
33.3%	33.3% #FBDBAC	RGB 251 219 172	#FBDBAC
50.0%	50.0% #F9E2B3	RGB 249 226 179	#F9E2B3
66.7%	66.7% #F7E9B9	RGB 247 233 185	#F7E9B9
83.3%	83.3% #F5F0C0	RGB 245 240 192	#F5F0C0
100.0%	100.0% #F4F8C7	RGB 244 248 199	#F4F8C7

#FFCD9F #FDD4A5 #FBDBAC #F9E2B3 #F7E9B9 #F5F0C0 #F4F8C7

#FFCD9F - #F4F8C7

HSV Blend

#FFCD9F - #F4F8C7 | 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 #FFCD9F as 0% and #F4F8C7 as 100%.

0.0%	0.0% #FFCD9F	RGB 255 205 159	#FFCD9F
16.7%	16.7% #FDD8A5	RGB 253 216 165	#FDD8A5
33.3%	33.3% #FCE3AC	RGB 252 227 172	#FCE3AC
50.0%	50.0% #FBEBB3	RGB 251 235 179	#FBEBB3
66.7%	66.7% #FAF2B9	RGB 250 242 185	#FAF2B9
83.3%	83.3% #F9F8C0	RGB 249 248 192	#F9F8C0
100.0%	100.0% #F4F8C7	RGB 244 248 199	#F4F8C7

#FFCD9F #FDD8A5 #FCE3AC #FBEBB3 #FAF2B9 #F9F8C0 #F4F8C7

#FFCD9F - #FBEBB3 - #F4F8C7

CSS codes

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

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