#EC5EB7 - #FED0DB | 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 #EC5EB7 to #FED0DB

#EC5EB7 #FED0DB

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

#EC5EB7 - #FED0DB | 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 #EC5EB7 as 0% and #FED0DB as 100%.

0.0%	0.0% #EC5EB7	RGB 236 94 183	#EC5EB7
16.7%	16.7% #EF71BD	RGB 239 113 189	#EF71BD
33.3%	33.3% #F284C3	RGB 242 132 195	#F284C3
50.0%	50.0% #F597C9	RGB 245 151 201	#F597C9
66.7%	66.7% #F8AACF	RGB 248 170 207	#F8AACF
83.3%	83.3% #FBBDD5	RGB 251 189 213	#FBBDD5
100.0%	100.0% #FED0DB	RGB 254 208 219	#FED0DB

#EC5EB7 #EF71BD #F284C3 #F597C9 #F8AACF #FBBDD5 #FED0DB

#EC5EB7 - #FED0DB

HSV Blend

#EC5EB7 - #FED0DB | 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 #EC5EB7 as 0% and #FED0DB as 100%.

0.0%	0.0% #EC5EB6	RGB 236 94 182	#EC5EB6
16.7%	16.7% #EF6FB7	RGB 239 111 183	#EF6FB7
33.3%	33.3% #F282B9	RGB 242 130 185	#F282B9
50.0%	50.0% #F595BE	RGB 245 149 190	#F595BE
66.7%	66.7% #F8A8C5	RGB 248 168 197	#F8A8C5
83.3%	83.3% #FBBBCF	RGB 251 187 207	#FBBBCF
100.0%	100.0% #FED0DB	RGB 254 208 219	#FED0DB

#EC5EB6 #EF6FB7 #F282B9 #F595BE #F8A8C5 #FBBBCF #FED0DB

#EC5EB7 - #F595BE - #FED0DB

CSS codes

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

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