#FE5E7E - #FF9BD2 | 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 #FE5E7E to #FF9BD2

#FE5E7E #FF9BD2

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

#FE5E7E - #FF9BD2 | 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 #FE5E7E as 0% and #FF9BD2 as 100%.

0.0%	0.0% #FE5E7E	RGB 254 94 126	#FE5E7E
16.7%	16.7% #FE688C	RGB 254 104 140	#FE688C
33.3%	33.3% #FE729A	RGB 254 114 154	#FE729A
50.0%	50.0% #FE7CA8	RGB 254 124 168	#FE7CA8
66.7%	66.7% #FE86B6	RGB 254 134 182	#FE86B6
83.3%	83.3% #FE90C4	RGB 254 144 196	#FE90C4
100.0%	100.0% #FF9BD2	RGB 255 155 210	#FF9BD2

#FE5E7E #FE688C #FE729A #FE7CA8 #FE86B6 #FE90C4 #FF9BD2

#FE5E7E - #FF9BD2

HSV Blend

#FE5E7E - #FF9BD2 | 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 #FE5E7E as 0% and #FF9BD2 as 100%.

0.0%	0.0% #FE5E7E	RGB 254 94 126	#FE5E7E
16.7%	16.7% #FE688E	RGB 254 104 142	#FE688E
33.3%	33.3% #FE729E	RGB 254 114 158	#FE729E
50.0%	50.0% #FE7CAD	RGB 254 124 173	#FE7CAD
66.7%	66.7% #FE86BA	RGB 254 134 186	#FE86BA
83.3%	83.3% #FE90C6	RGB 254 144 198	#FE90C6
100.0%	100.0% #FF9BD2	RGB 255 155 210	#FF9BD2

#FE5E7E #FE688E #FE729E #FE7CAD #FE86BA #FE90C6 #FF9BD2

#FE5E7E - #FE7CAD - #FF9BD2

CSS codes

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

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