#FFEDDB - #CEBA7E | 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 #FFEDDB to #CEBA7E

#FFEDDB #CEBA7E

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

#FFEDDB - #CEBA7E | 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 #FFEDDB as 0% and #CEBA7E as 100%.

0.0%	0.0% #FFEDDB	RGB 255 237 219	#FFEDDB
16.7%	16.7% #F6E4CB	RGB 246 228 203	#F6E4CB
33.3%	33.3% #EEDCBC	RGB 238 220 188	#EEDCBC
50.0%	50.0% #E6D3AC	RGB 230 211 172	#E6D3AC
66.7%	66.7% #DECB9D	RGB 222 203 157	#DECB9D
83.3%	83.3% #D6C28D	RGB 214 194 141	#D6C28D
100.0%	100.0% #CEBA7E	RGB 206 186 126	#CEBA7E

#FFEDDB #F6E4CB #EEDCBC #E6D3AC #DECB9D #D6C28D #CEBA7E

#FFEDDB - #CEBA7E

HSV Blend

#FFEDDB - #CEBA7E | 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 #FFEDDB as 0% and #CEBA7E as 100%.

0.0%	0.0% #FFEDDB	RGB 255 237 219	#FFEDDB
16.7%	16.7% #F6E2C9	RGB 246 226 201	#F6E2C9
33.3%	33.3% #EED8B9	RGB 238 216 185	#EED8B9
50.0%	50.0% #E6CFA9	RGB 230 207 169	#E6CFA9
66.7%	66.7% #DEC79A	RGB 222 199 154	#DEC79A
83.3%	83.3% #D6C08B	RGB 214 192 139	#D6C08B
100.0%	100.0% #CEBA7E	RGB 206 186 126	#CEBA7E

#FFEDDB #F6E2C9 #EED8B9 #E6CFA9 #DEC79A #D6C08B #CEBA7E

#FFEDDB - #E6CFA9 - #CEBA7E

CSS codes

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

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