#FF76A8 - #FEB497 | 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 #FF76A8 to #FEB497

#FF76A8 #FEB497

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

#FF76A8 - #FEB497 | 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 #FF76A8 as 0% and #FEB497 as 100%.

0.0%	0.0% #FF76A8	RGB 255 118 168	#FF76A8
16.7%	16.7% #FE80A5	RGB 254 128 165	#FE80A5
33.3%	33.3% #FE8AA2	RGB 254 138 162	#FE8AA2
50.0%	50.0% #FE959F	RGB 254 149 159	#FE959F
66.7%	66.7% #FE9F9C	RGB 254 159 156	#FE9F9C
83.3%	83.3% #FEA999	RGB 254 169 153	#FEA999
100.0%	100.0% #FEB497	RGB 254 180 151	#FEB497

#FF76A8 #FE80A5 #FE8AA2 #FE959F #FE9F9C #FEA999 #FEB497

#FF76A8 - #FEB497

HSV Blend

#FF76A8 - #FEB497 | 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 #FF76A8 as 0% and #FEB497 as 100%.

0.0%	0.0% #FF76A8	RGB 255 118 168	#FF76A8
16.7%	16.7% #FE7B9D	RGB 254 123 157	#FE7B9D
33.3%	33.3% #FE8193	RGB 254 129 147	#FE8193
50.0%	50.0% #FE868B	RGB 254 134 139	#FE868B
66.7%	66.7% #FE938C	RGB 254 147 140	#FE938C
83.3%	83.3% #FEA491	RGB 254 164 145	#FEA491
100.0%	100.0% #FEB497	RGB 254 180 151	#FEB497

#FF76A8 #FE7B9D #FE8193 #FE868B #FE938C #FEA491 #FEB497

#FF76A8 - #FE868B - #FEB497

CSS codes

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

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