#F5A5E6 - #CE2DA5 | 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 #F5A5E6 to #CE2DA5

#F5A5E6 #CE2DA5

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

#F5A5E6 - #CE2DA5 | 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 #F5A5E6 as 0% and #CE2DA5 as 100%.

0.0%	0.0% #F5A5E6	RGB 245 165 230	#F5A5E6
16.7%	16.7% #EE91DB	RGB 238 145 219	#EE91DB
33.3%	33.3% #E87DD0	RGB 232 125 208	#E87DD0
50.0%	50.0% #E169C5	RGB 225 105 197	#E169C5
66.7%	66.7% #DB55BA	RGB 219 85 186	#DB55BA
83.3%	83.3% #D441AF	RGB 212 65 175	#D441AF
100.0%	100.0% #CE2DA5	RGB 206 45 165	#CE2DA5

#F5A5E6 #EE91DB #E87DD0 #E169C5 #DB55BA #D441AF #CE2DA5

#F5A5E6 - #CE2DA5

HSV Blend

#F5A5E6 - #CE2DA5 | 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 #F5A5E6 as 0% and #CE2DA5 as 100%.

0.0%	0.0% #F5A5E6	RGB 245 165 230	#F5A5E6
16.7%	16.7% #EE8EDB	RGB 238 142 219	#EE8EDB
33.3%	33.3% #E879D0	RGB 232 121 208	#E879D0
50.0%	50.0% #E164C5	RGB 225 100 197	#E164C5
66.7%	66.7% #DB51BA	RGB 219 81 186	#DB51BA
83.3%	83.3% #D43EAF	RGB 212 62 175	#D43EAF
100.0%	100.0% #CE2DA5	RGB 206 45 165	#CE2DA5

#F5A5E6 #EE8EDB #E879D0 #E164C5 #DB51BA #D43EAF #CE2DA5

#F5A5E6 - #E164C5 - #CE2DA5

CSS codes

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

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