#ECBBAB - #FAF2CE | 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 #ECBBAB to #FAF2CE

#ECBBAB #FAF2CE

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

#ECBBAB - #FAF2CE | 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 #ECBBAB as 0% and #FAF2CE as 100%.

0.0%	0.0% #ECBBAB	RGB 236 187 171	#ECBBAB
16.7%	16.7% #EEC4B0	RGB 238 196 176	#EEC4B0
33.3%	33.3% #F0CDB6	RGB 240 205 182	#F0CDB6
50.0%	50.0% #F3D6BC	RGB 243 214 188	#F3D6BC
66.7%	66.7% #F5DFC2	RGB 245 223 194	#F5DFC2
83.3%	83.3% #F7E8C8	RGB 247 232 200	#F7E8C8
100.0%	100.0% #FAF2CE	RGB 250 242 206	#FAF2CE

#ECBBAB #EEC4B0 #F0CDB6 #F3D6BC #F5DFC2 #F7E8C8 #FAF2CE

#ECBBAB - #FAF2CE

HSV Blend

#ECBBAB - #FAF2CE | 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 #ECBBAB as 0% and #FAF2CE as 100%.

0.0%	0.0% #ECBBAB	RGB 236 187 171	#ECBBAB
16.7%	16.7% #EEC5B0	RGB 238 197 176	#EEC5B0
33.3%	33.3% #F0CFB6	RGB 240 207 182	#F0CFB6
50.0%	50.0% #F3D9BC	RGB 243 217 188	#F3D9BC
66.7%	66.7% #F5E2C2	RGB 245 226 194	#F5E2C2
83.3%	83.3% #F7EAC7	RGB 247 234 199	#F7EAC7
100.0%	100.0% #FAF2CE	RGB 250 242 206	#FAF2CE

#ECBBAB #EEC5B0 #F0CFB6 #F3D9BC #F5E2C2 #F7EAC7 #FAF2CE

#ECBBAB - #F3D9BC - #FAF2CE

CSS codes

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

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