#FFCC8F - #FFF0DF | 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 #FFCC8F to #FFF0DF

#FFCC8F #FFF0DF

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

#FFCC8F - #FFF0DF | 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 #FFCC8F as 0% and #FFF0DF as 100%.

0.0%	0.0% #FFCC8F	RGB 255 204 143	#FFCC8F
16.7%	16.7% #FFD29C	RGB 255 210 156	#FFD29C
33.3%	33.3% #FFD8A9	RGB 255 216 169	#FFD8A9
50.0%	50.0% #FFDEB7	RGB 255 222 183	#FFDEB7
66.7%	66.7% #FFE4C4	RGB 255 228 196	#FFE4C4
83.3%	83.3% #FFEAD1	RGB 255 234 209	#FFEAD1
100.0%	100.0% #FFF0DF	RGB 255 240 223	#FFF0DF

#FFCC8F #FFD29C #FFD8A9 #FFDEB7 #FFE4C4 #FFEAD1 #FFF0DF

#FFCC8F - #FFF0DF

HSV Blend

#FFCC8F - #FFF0DF | 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 #FFCC8F as 0% and #FFF0DF as 100%.

0.0%	0.0% #FFCC8F	RGB 255 204 143	#FFCC8F
16.7%	16.7% #FFD19C	RGB 255 209 156	#FFD19C
33.3%	33.3% #FFD7A9	RGB 255 215 169	#FFD7A9
50.0%	50.0% #FFDDB7	RGB 255 221 183	#FFDDB7
66.7%	66.7% #FFE3C4	RGB 255 227 196	#FFE3C4
83.3%	83.3% #FFE9D1	RGB 255 233 209	#FFE9D1
100.0%	100.0% #FFF0DF	RGB 255 240 223	#FFF0DF

#FFCC8F #FFD19C #FFD7A9 #FFDDB7 #FFE3C4 #FFE9D1 #FFF0DF

#FFCC8F - #FFDDB7 - #FFF0DF

CSS codes

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

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