#ECE6CD - #FFF7E1 | 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 #ECE6CD to #FFF7E1

#ECE6CD #FFF7E1

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

#ECE6CD - #FFF7E1 | 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 #ECE6CD as 0% and #FFF7E1 as 100%.

0.0%	0.0% #ECE6CD	RGB 236 230 205	#ECE6CD
16.7%	16.7% #EFE8D0	RGB 239 232 208	#EFE8D0
33.3%	33.3% #F2EBD3	RGB 242 235 211	#F2EBD3
50.0%	50.0% #F5EED7	RGB 245 238 215	#F5EED7
66.7%	66.7% #F8F1DA	RGB 248 241 218	#F8F1DA
83.3%	83.3% #FBF4DD	RGB 251 244 221	#FBF4DD
100.0%	100.0% #FFF7E1	RGB 255 247 225	#FFF7E1

#ECE6CD #EFE8D0 #F2EBD3 #F5EED7 #F8F1DA #FBF4DD #FFF7E1

#ECE6CD - #FFF7E1

HSV Blend

#ECE6CD - #FFF7E1 | 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 #ECE6CD as 0% and #FFF7E1 as 100%.

0.0%	0.0% #ECE6CD	RGB 236 230 205	#ECE6CD
16.7%	16.7% #EFE8D0	RGB 239 232 208	#EFE8D0
33.3%	33.3% #F2EBD3	RGB 242 235 211	#F2EBD3
50.0%	50.0% #F5EED6	RGB 245 238 214	#F5EED6
66.7%	66.7% #F8F1DA	RGB 248 241 218	#F8F1DA
83.3%	83.3% #FBF4DD	RGB 251 244 221	#FBF4DD
100.0%	100.0% #FFF7E1	RGB 255 247 225	#FFF7E1

#ECE6CD #EFE8D0 #F2EBD3 #F5EED6 #F8F1DA #FBF4DD #FFF7E1

#ECE6CD - #F5EED6 - #FFF7E1

CSS codes

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

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