#FFF3E2 - #CCB08D | 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 #FFF3E2 to #CCB08D

#FFF3E2 #CCB08D

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

#FFF3E2 - #CCB08D | 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 #FFF3E2 as 0% and #CCB08D as 100%.

0.0%	0.0% #FFF3E2	RGB 255 243 226	#FFF3E2
16.7%	16.7% #F6E7D3	RGB 246 231 211	#F6E7D3
33.3%	33.3% #EEDCC5	RGB 238 220 197	#EEDCC5
50.0%	50.0% #E5D1B7	RGB 229 209 183	#E5D1B7
66.7%	66.7% #DDC6A9	RGB 221 198 169	#DDC6A9
83.3%	83.3% #D4BB9B	RGB 212 187 155	#D4BB9B
100.0%	100.0% #CCB08D	RGB 204 176 141	#CCB08D

#FFF3E2 #F6E7D3 #EEDCC5 #E5D1B7 #DDC6A9 #D4BB9B #CCB08D

#FFF3E2 - #CCB08D

HSV Blend

#FFF3E2 - #CCB08D | 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 #FFF3E2 as 0% and #CCB08D as 100%.

0.0%	0.0% #FFF3E2	RGB 255 243 226	#FFF3E2
16.7%	16.7% #F6E7D2	RGB 246 231 210	#F6E7D2
33.3%	33.3% #EEDBC3	RGB 238 219 195	#EEDBC3
50.0%	50.0% #E5D0B5	RGB 229 208 181	#E5D0B5
66.7%	66.7% #DDC5A7	RGB 221 197 167	#DDC5A7
83.3%	83.3% #D4BA99	RGB 212 186 153	#D4BA99
100.0%	100.0% #CCB08D	RGB 204 176 141	#CCB08D

#FFF3E2 #F6E7D2 #EEDBC3 #E5D0B5 #DDC5A7 #D4BA99 #CCB08D

#FFF3E2 - #E5D0B5 - #CCB08D

CSS codes

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

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