#FFF0CC - #E2D075 | 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 #FFF0CC to #E2D075

#FFF0CC #E2D075

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

#FFF0CC - #E2D075 | 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 #FFF0CC as 0% and #E2D075 as 100%.

0.0%	0.0% #FFF0CC	RGB 255 240 204	#FFF0CC
16.7%	16.7% #FAEABD	RGB 250 234 189	#FAEABD
33.3%	33.3% #F5E5AF	RGB 245 229 175	#F5E5AF
50.0%	50.0% #F0E0A0	RGB 240 224 160	#F0E0A0
66.7%	66.7% #EBDA92	RGB 235 218 146	#EBDA92
83.3%	83.3% #E6D583	RGB 230 213 131	#E6D583
100.0%	100.0% #E2D075	RGB 226 208 117	#E2D075

#FFF0CC #FAEABD #F5E5AF #F0E0A0 #EBDA92 #E6D583 #E2D075

#FFF0CC - #E2D075

HSV Blend

#FFF0CC - #E2D075 | 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 #FFF0CC as 0% and #E2D075 as 100%.

0.0%	0.0% #FFF0CC	RGB 255 240 204	#FFF0CC
16.7%	16.7% #FAE9BC	RGB 250 233 188	#FAE9BC
33.3%	33.3% #F5E3AD	RGB 245 227 173	#F5E3AD
50.0%	50.0% #F0DD9E	RGB 240 221 158	#F0DD9E
66.7%	66.7% #EBD890	RGB 235 216 144	#EBD890
83.3%	83.3% #E6D482	RGB 230 212 130	#E6D482
100.0%	100.0% #E2D075	RGB 226 208 117	#E2D075

#FFF0CC #FAE9BC #F5E3AD #F0DD9E #EBD890 #E6D482 #E2D075

#FFF0CC - #F0DD9E - #E2D075

CSS codes

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

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