#FFEDDB - #E6CF78 | 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 #E6CF78

#FFEDDB #E6CF78

Calculate the color between two colors, #FFEDDB and #E6CF78. 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 - #E6CF78 | 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 #E6CF78 as 100%.

0.0%	0.0% #FFEDDB	RGB 255 237 219	#FFEDDB
16.7%	16.7% #FAE8CA	RGB 250 232 202	#FAE8CA
33.3%	33.3% #F6E3BA	RGB 246 227 186	#F6E3BA
50.0%	50.0% #F2DEA9	RGB 242 222 169	#F2DEA9
66.7%	66.7% #EED999	RGB 238 217 153	#EED999
83.3%	83.3% #EAD488	RGB 234 212 136	#EAD488
100.0%	100.0% #E6CF78	RGB 230 207 120	#E6CF78

#FFEDDB #FAE8CA #F6E3BA #F2DEA9 #EED999 #EAD488 #E6CF78

#FFEDDB - #E6CF78

HSV Blend

#FFEDDB - #E6CF78 | 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 #E6CF78 as 100%.

0.0%	0.0% #FFEDDB	RGB 255 237 219	#FFEDDB
16.7%	16.7% #FAE4C9	RGB 250 228 201	#FAE4C9
33.3%	33.3% #F6DDB8	RGB 246 221 184	#F6DDB8
50.0%	50.0% #F2D7A7	RGB 242 215 167	#F2D7A7
66.7%	66.7% #EED397	RGB 238 211 151	#EED397
83.3%	83.3% #EAD087	RGB 234 208 135	#EAD087
100.0%	100.0% #E6CF78	RGB 230 207 120	#E6CF78

#FFEDDB #FAE4C9 #F6DDB8 #F2D7A7 #EED397 #EAD087 #E6CF78

#FFEDDB - #F2D7A7 - #E6CF78

CSS codes

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

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