#EC4B76 - #FFB08B | 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 #EC4B76 to #FFB08B

#EC4B76 #FFB08B

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

#EC4B76 - #FFB08B | 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 #EC4B76 as 0% and #FFB08B as 100%.

0.0%	0.0% #EC4B76	RGB 236 75 118	#EC4B76
16.7%	16.7% #EF5B79	RGB 239 91 121	#EF5B79
33.3%	33.3% #F26C7D	RGB 242 108 125	#F26C7D
50.0%	50.0% #F57D80	RGB 245 125 128	#F57D80
66.7%	66.7% #F88E84	RGB 248 142 132	#F88E84
83.3%	83.3% #FB9F87	RGB 251 159 135	#FB9F87
100.0%	100.0% #FFB08B	RGB 255 176 139	#FFB08B

#EC4B76 #EF5B79 #F26C7D #F57D80 #F88E84 #FB9F87 #FFB08B

#EC4B76 - #FFB08B

HSV Blend

#EC4B76 - #FFB08B | 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 #EC4B76 as 0% and #FFB08B as 100%.

0.0%	0.0% #EC4B76	RGB 236 75 118	#EC4B76
16.7%	16.7% #EF556F	RGB 239 85 111	#EF556F
33.3%	33.3% #F25F69	RGB 242 95 105	#F25F69
50.0%	50.0% #F56D69	RGB 245 109 105	#F56D69
66.7%	66.7% #F88574	RGB 248 133 116	#F88574
83.3%	83.3% #FB9B7F	RGB 251 155 127	#FB9B7F
100.0%	100.0% #FFB08B	RGB 255 176 139	#FFB08B

#EC4B76 #EF556F #F25F69 #F56D69 #F88574 #FB9B7F #FFB08B

#EC4B76 - #F56D69 - #FFB08B

CSS codes

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

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