#EC4B6B - #FFD0BC | 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 #EC4B6B to #FFD0BC

#EC4B6B #FFD0BC

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

#EC4B6B - #FFD0BC | 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 #EC4B6B as 0% and #FFD0BC as 100%.

0.0%	0.0% #EC4B6B	RGB 236 75 107	#EC4B6B
16.7%	16.7% #EF6178	RGB 239 97 120	#EF6178
33.3%	33.3% #F27786	RGB 242 119 134	#F27786
50.0%	50.0% #F58D93	RGB 245 141 147	#F58D93
66.7%	66.7% #F8A3A1	RGB 248 163 161	#F8A3A1
83.3%	83.3% #FBB9AE	RGB 251 185 174	#FBB9AE
100.0%	100.0% #FFD0BC	RGB 255 208 188	#FFD0BC

#EC4B6B #EF6178 #F27786 #F58D93 #F8A3A1 #FBB9AE #FFD0BC

#EC4B6B - #FFD0BC

HSV Blend

#EC4B6B - #FFD0BC | 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 #EC4B6B as 0% and #FFD0BC as 100%.

0.0%	0.0% #EC4B6B	RGB 236 75 107	#EC4B6B
16.7%	16.7% #EF5C6D	RGB 239 92 109	#EF5C6D
33.3%	33.3% #F26E73	RGB 242 110 115	#F26E73
50.0%	50.0% #F58781	RGB 245 135 129	#F58781
66.7%	66.7% #F8A194	RGB 248 161 148	#F8A194
83.3%	83.3% #FBBAA8	RGB 251 186 168	#FBBAA8
100.0%	100.0% #FFD0BC	RGB 255 208 188	#FFD0BC

#EC4B6B #EF5C6D #F26E73 #F58781 #F8A194 #FBBAA8 #FFD0BC

#EC4B6B - #F58781 - #FFD0BC

CSS codes

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

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