#FED3C7 - #EBD1E9 | 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 #FED3C7 to #EBD1E9

#FED3C7 #EBD1E9

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

#FED3C7 - #EBD1E9 | 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 #FED3C7 as 0% and #EBD1E9 as 100%.

0.0%	0.0% #FED3C7	RGB 254 211 199	#FED3C7
16.7%	16.7% #FAD2CC	RGB 250 210 204	#FAD2CC
33.3%	33.3% #F7D2D2	RGB 247 210 210	#F7D2D2
50.0%	50.0% #F4D2D8	RGB 244 210 216	#F4D2D8
66.7%	66.7% #F1D1DD	RGB 241 209 221	#F1D1DD
83.3%	83.3% #EED1E3	RGB 238 209 227	#EED1E3
100.0%	100.0% #EBD1E9	RGB 235 209 233	#EBD1E9

#FED3C7 #FAD2CC #F7D2D2 #F4D2D8 #F1D1DD #EED1E3 #EBD1E9

#FED3C7 - #EBD1E9

HSV Blend

#FED3C7 - #EBD1E9 | 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 #FED3C7 as 0% and #EBD1E9 as 100%.

0.0%	0.0% #FED3C7	RGB 254 211 199	#FED3C7
16.7%	16.7% #FACAC8	RGB 250 202 200	#FACAC8
33.3%	33.3% #F7CAD2	RGB 247 202 210	#F7CAD2
50.0%	50.0% #F4CCDA	RGB 244 204 218	#F4CCDA
66.7%	66.7% #F1CEE1	RGB 241 206 225	#F1CEE1
83.3%	83.3% #EECFE6	RGB 238 207 230	#EECFE6
100.0%	100.0% #EBD1E9	RGB 235 209 233	#EBD1E9

#FED3C7 #FACAC8 #F7CAD2 #F4CCDA #F1CEE1 #EECFE6 #EBD1E9

#FED3C7 - #F4CCDA - #EBD1E9

CSS codes

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

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