#EC635E - #FFBF7B | 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 #EC635E to #FFBF7B

#EC635E #FFBF7B

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

#EC635E - #FFBF7B | 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 #EC635E as 0% and #FFBF7B as 100%.

0.0%	0.0% #EC635E	RGB 236 99 94	#EC635E
16.7%	16.7% #EF7262	RGB 239 114 98	#EF7262
33.3%	33.3% #F28167	RGB 242 129 103	#F28167
50.0%	50.0% #F5916C	RGB 245 145 108	#F5916C
66.7%	66.7% #F8A071	RGB 248 160 113	#F8A071
83.3%	83.3% #FBAF76	RGB 251 175 118	#FBAF76
100.0%	100.0% #FFBF7B	RGB 255 191 123	#FFBF7B

#EC635E #EF7262 #F28167 #F5916C #F8A071 #FBAF76 #FFBF7B

#EC635E - #FFBF7B

HSV Blend

#EC635E - #FFBF7B | 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 #EC635E as 0% and #FFBF7B as 100%.

0.0%	0.0% #EC635E	RGB 236 99 94	#EC635E
16.7%	16.7% #EF7262	RGB 239 114 98	#EF7262
33.3%	33.3% #F28267	RGB 242 130 103	#F28267
50.0%	50.0% #F5916C	RGB 245 145 108	#F5916C
66.7%	66.7% #F8A170	RGB 248 161 112	#F8A170
83.3%	83.3% #FBB075	RGB 251 176 117	#FBB075
100.0%	100.0% #FFBF7B	RGB 255 191 123	#FFBF7B

#EC635E #EF7262 #F28267 #F5916C #F8A170 #FBB075 #FFBF7B

#EC635E - #F5916C - #FFBF7B

CSS codes

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

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