#EC8C92 - #FDDBAA | 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 #EC8C92 to #FDDBAA

#EC8C92 #FDDBAA

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

#EC8C92 - #FDDBAA | 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 #EC8C92 as 0% and #FDDBAA as 100%.

0.0%	0.0% #EC8C92	RGB 236 140 146	#EC8C92
16.7%	16.7% #EE9996	RGB 238 153 150	#EE9996
33.3%	33.3% #F1A69A	RGB 241 166 154	#F1A69A
50.0%	50.0% #F4B39E	RGB 244 179 158	#F4B39E
66.7%	66.7% #F7C0A2	RGB 247 192 162	#F7C0A2
83.3%	83.3% #FACDA6	RGB 250 205 166	#FACDA6
100.0%	100.0% #FDDBAA	RGB 253 219 170	#FDDBAA

#EC8C92 #EE9996 #F1A69A #F4B39E #F7C0A2 #FACDA6 #FDDBAA

#EC8C92 - #FDDBAA

HSV Blend

#EC8C92 - #FDDBAA | 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 #EC8C92 as 0% and #FDDBAA as 100%.

0.0%	0.0% #EC8C92	RGB 236 140 146	#EC8C92
16.7%	16.7% #EE9590	RGB 238 149 144	#EE9590
33.3%	33.3% #F1A395	RGB 241 163 149	#F1A395
50.0%	50.0% #F4B29A	RGB 244 178 154	#F4B29A
66.7%	66.7% #F7C09F	RGB 247 192 159	#F7C09F
83.3%	83.3% #FACDA4	RGB 250 205 164	#FACDA4
100.0%	100.0% #FDDBAA	RGB 253 219 170	#FDDBAA

#EC8C92 #EE9590 #F1A395 #F4B29A #F7C09F #FACDA4 #FDDBAA

#EC8C92 - #F4B29A - #FDDBAA

CSS codes

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

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