#EC5384 - #F9CDDB | 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 #EC5384 to #F9CDDB

#EC5384 #F9CDDB

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

#EC5384 - #F9CDDB | 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 #EC5384 as 0% and #F9CDDB as 100%.

0.0%	0.0% #EC5384	RGB 236 83 132	#EC5384
16.7%	16.7% #EE6792	RGB 238 103 146	#EE6792
33.3%	33.3% #F07BA1	RGB 240 123 161	#F07BA1
50.0%	50.0% #F290AF	RGB 242 144 175	#F290AF
66.7%	66.7% #F4A4BE	RGB 244 164 190	#F4A4BE
83.3%	83.3% #F6B8CC	RGB 246 184 204	#F6B8CC
100.0%	100.0% #F9CDDB	RGB 249 205 219	#F9CDDB

#EC5384 #EE6792 #F07BA1 #F290AF #F4A4BE #F6B8CC #F9CDDB

#EC5384 - #F9CDDB

HSV Blend

#EC5384 - #F9CDDB | 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 #EC5384 as 0% and #F9CDDB as 100%.

0.0%	0.0% #EC5284	RGB 236 82 132	#EC5284
16.7%	16.7% #EE6691	RGB 238 102 145	#EE6691
33.3%	33.3% #F07AA0	RGB 240 122 160	#F07AA0
50.0%	50.0% #F28EAE	RGB 242 142 174	#F28EAE
66.7%	66.7% #F4A2BD	RGB 244 162 189	#F4A2BD
83.3%	83.3% #F6B7CB	RGB 246 183 203	#F6B7CB
100.0%	100.0% #F9CDDB	RGB 249 205 219	#F9CDDB

#EC5284 #EE6691 #F07AA0 #F28EAE #F4A2BD #F6B7CB #F9CDDB

#EC5384 - #F28EAE - #F9CDDB

CSS codes

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

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