#ECC0AD - #FAF3CF | 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 #ECC0AD to #FAF3CF

#ECC0AD #FAF3CF

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

#ECC0AD - #FAF3CF | 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 #ECC0AD as 0% and #FAF3CF as 100%.

0.0%	0.0% #ECC0AD	RGB 236 192 173	#ECC0AD
16.7%	16.7% #EEC8B2	RGB 238 200 178	#EEC8B2
33.3%	33.3% #F0D1B8	RGB 240 209 184	#F0D1B8
50.0%	50.0% #F3D9BE	RGB 243 217 190	#F3D9BE
66.7%	66.7% #F5E2C3	RGB 245 226 195	#F5E2C3
83.3%	83.3% #F7EAC9	RGB 247 234 201	#F7EAC9
100.0%	100.0% #FAF3CF	RGB 250 243 207	#FAF3CF

#ECC0AD #EEC8B2 #F0D1B8 #F3D9BE #F5E2C3 #F7EAC9 #FAF3CF

#ECC0AD - #FAF3CF

HSV Blend

#ECC0AD - #FAF3CF | 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 #ECC0AD as 0% and #FAF3CF as 100%.

0.0%	0.0% #ECC0AD	RGB 236 192 173	#ECC0AD
16.7%	16.7% #EEC9B2	RGB 238 201 178	#EEC9B2
33.3%	33.3% #F0D3B8	RGB 240 211 184	#F0D3B8
50.0%	50.0% #F3DCBD	RGB 243 220 189	#F3DCBD
66.7%	66.7% #F5E4C3	RGB 245 228 195	#F5E4C3
83.3%	83.3% #F7EBC9	RGB 247 235 201	#F7EBC9
100.0%	100.0% #FAF3CF	RGB 250 243 207	#FAF3CF

#ECC0AD #EEC9B2 #F0D3B8 #F3DCBD #F5E4C3 #F7EBC9 #FAF3CF

#ECC0AD - #F3DCBD - #FAF3CF

CSS codes

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

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