#EC828C - #FED5A4 | 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 #EC828C to #FED5A4

#EC828C #FED5A4

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

#EC828C - #FED5A4 | 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 #EC828C as 0% and #FED5A4 as 100%.

0.0%	0.0% #EC828C	RGB 236 130 140	#EC828C
16.7%	16.7% #EF8F90	RGB 239 143 144	#EF8F90
33.3%	33.3% #F29D94	RGB 242 157 148	#F29D94
50.0%	50.0% #F5AB98	RGB 245 171 152	#F5AB98
66.7%	66.7% #F8B99C	RGB 248 185 156	#F8B99C
83.3%	83.3% #FBC7A0	RGB 251 199 160	#FBC7A0
100.0%	100.0% #FED5A4	RGB 254 213 164	#FED5A4

#EC828C #EF8F90 #F29D94 #F5AB98 #F8B99C #FBC7A0 #FED5A4

#EC828C - #FED5A4

HSV Blend

#EC828C - #FED5A4 | 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 #EC828C as 0% and #FED5A4 as 100%.

0.0%	0.0% #EC828C	RGB 236 130 140	#EC828C
16.7%	16.7% #EF8887	RGB 239 136 135	#EF8887
33.3%	33.3% #F2988C	RGB 242 152 140	#F2988C
50.0%	50.0% #F5A892	RGB 245 168 146	#F5A892
66.7%	66.7% #F8B898	RGB 248 184 152	#F8B898
83.3%	83.3% #FBC69E	RGB 251 198 158	#FBC69E
100.0%	100.0% #FED5A4	RGB 254 213 164	#FED5A4

#EC828C #EF8887 #F2988C #F5A892 #F8B898 #FBC69E #FED5A4

#EC828C - #F5A892 - #FED5A4

CSS codes

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

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