#FDF5E2 - #E7CA94 | 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 #FDF5E2 to #E7CA94

#FDF5E2 #E7CA94

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

#FDF5E2 - #E7CA94 | 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 #FDF5E2 as 0% and #E7CA94 as 100%.

0.0%	0.0% #FDF5E2	RGB 253 245 226	#FDF5E2
16.7%	16.7% #F9EDD5	RGB 249 237 213	#F9EDD5
33.3%	33.3% #F5E6C8	RGB 245 230 200	#F5E6C8
50.0%	50.0% #F2DFBB	RGB 242 223 187	#F2DFBB
66.7%	66.7% #EED8AE	RGB 238 216 174	#EED8AE
83.3%	83.3% #EAD1A1	RGB 234 209 161	#EAD1A1
100.0%	100.0% #E7CA94	RGB 231 202 148	#E7CA94

#FDF5E2 #F9EDD5 #F5E6C8 #F2DFBB #EED8AE #EAD1A1 #E7CA94

#FDF5E2 - #E7CA94

HSV Blend

#FDF5E2 - #E7CA94 | 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 #FDF5E2 as 0% and #E7CA94 as 100%.

0.0%	0.0% #FDF5E2	RGB 253 245 226	#FDF5E2
16.7%	16.7% #F9EED4	RGB 249 238 212	#F9EED4
33.3%	33.3% #F5E6C6	RGB 245 230 198	#F5E6C6
50.0%	50.0% #F2DFB9	RGB 242 223 185	#F2DFB9
66.7%	66.7% #EED8AC	RGB 238 216 172	#EED8AC
83.3%	83.3% #EAD1A0	RGB 234 209 160	#EAD1A0
100.0%	100.0% #E7CA94	RGB 231 202 148	#E7CA94

#FDF5E2 #F9EED4 #F5E6C6 #F2DFB9 #EED8AC #EAD1A0 #E7CA94

#FDF5E2 - #F2DFB9 - #E7CA94

CSS codes

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

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