#DD5D5E - #FEE1C6 | 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 #DD5D5E to #FEE1C6

#DD5D5E #FEE1C6

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

#DD5D5E - #FEE1C6 | 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 #DD5D5E as 0% and #FEE1C6 as 100%.

0.0%	0.0% #DD5D5E	RGB 221 93 94	#DD5D5E
16.7%	16.7% #E2736F	RGB 226 115 111	#E2736F
33.3%	33.3% #E88980	RGB 232 137 128	#E88980
50.0%	50.0% #ED9F92	RGB 237 159 146	#ED9F92
66.7%	66.7% #F3B5A3	RGB 243 181 163	#F3B5A3
83.3%	83.3% #F8CBB4	RGB 248 203 180	#F8CBB4
100.0%	100.0% #FEE1C6	RGB 254 225 198	#FEE1C6

#DD5D5E #E2736F #E88980 #ED9F92 #F3B5A3 #F8CBB4 #FEE1C6

#DD5D5E - #FEE1C6

HSV Blend

#DD5D5E - #FEE1C6 | 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 #DD5D5E as 0% and #FEE1C6 as 100%.

0.0%	0.0% #DD5D5D	RGB 221 93 93	#DD5D5D
16.7%	16.7% #E2756C	RGB 226 117 108	#E2756C
33.3%	33.3% #E88D7D	RGB 232 141 125	#E88D7D
50.0%	50.0% #EDA58E	RGB 237 165 142	#EDA58E
66.7%	66.7% #F3BAA0	RGB 243 186 160	#F3BAA0
83.3%	83.3% #F8CEB2	RGB 248 206 178	#F8CEB2
100.0%	100.0% #FEE1C6	RGB 254 225 198	#FEE1C6

#DD5D5D #E2756C #E88D7D #EDA58E #F3BAA0 #F8CEB2 #FEE1C6

#DD5D5E - #EDA58E - #FEE1C6

CSS codes

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

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