#ED926B - #FFEA8C | 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 #ED926B to #FFEA8C

#ED926B #FFEA8C

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

#ED926B - #FFEA8C | 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 #ED926B as 0% and #FFEA8C as 100%.

0.0%	0.0% #ED926B	RGB 237 146 107	#ED926B
16.7%	16.7% #F0A070	RGB 240 160 112	#F0A070
33.3%	33.3% #F3AF76	RGB 243 175 118	#F3AF76
50.0%	50.0% #F6BE7B	RGB 246 190 123	#F6BE7B
66.7%	66.7% #F9CC81	RGB 249 204 129	#F9CC81
83.3%	83.3% #FCDB86	RGB 252 219 134	#FCDB86
100.0%	100.0% #FFEA8C	RGB 255 234 140	#FFEA8C

#ED926B #F0A070 #F3AF76 #F6BE7B #F9CC81 #FCDB86 #FFEA8C

#ED926B - #FFEA8C

HSV Blend

#ED926B - #FFEA8C | 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 #ED926B as 0% and #FFEA8C as 100%.

0.0%	0.0% #ED926B	RGB 237 146 107	#ED926B
16.7%	16.7% #F0A170	RGB 240 161 112	#F0A170
33.3%	33.3% #F3B075	RGB 243 176 117	#F3B075
50.0%	50.0% #F6BF7B	RGB 246 191 123	#F6BF7B
66.7%	66.7% #F9CE80	RGB 249 206 128	#F9CE80
83.3%	83.3% #FCDC86	RGB 252 220 134	#FCDC86
100.0%	100.0% #FFEA8C	RGB 255 234 140	#FFEA8C

#ED926B #F0A170 #F3B075 #F6BF7B #F9CE80 #FCDC86 #FFEA8C

#ED926B - #F6BF7B - #FFEA8C

CSS codes

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

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