#FC93A8 - #482A30 | 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 #FC93A8 to #482A30

#FC93A8 #482A30

Calculate the color between two colors, #FC93A8 and #482A30. 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)

#FC93A8 - #482A30 | 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 #FC93A8 as 0% and #482A30 as 100%.

0.0%	0.0% #FC93A8	RGB 252 147 168	#FC93A8
16.7%	16.7% #DE8194	RGB 222 129 148	#DE8194
33.3%	33.3% #C07080	RGB 192 112 128	#C07080
50.0%	50.0% #A25E6C	RGB 162 94 108	#A25E6C
66.7%	66.7% #844D58	RGB 132 77 88	#844D58
83.3%	83.3% #663B44	RGB 102 59 68	#663B44
100.0%	100.0% #482A30	RGB 72 42 48	#482A30

#FC93A8 #DE8194 #C07080 #A25E6C #844D58 #663B44 #482A30

#FC93A8 - #482A30

HSV Blend

#FC93A8 - #482A30 | 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 #FC93A8 as 0% and #482A30 as 100%.

0.0%	0.0% #FC93A7	RGB 252 147 167	#FC93A7
16.7%	16.7% #DE8193	RGB 222 129 147	#DE8193
33.3%	33.3% #C0707F	RGB 192 112 127	#C0707F
50.0%	50.0% #A25E6B	RGB 162 94 107	#A25E6B
66.7%	66.7% #844D58	RGB 132 77 88	#844D58
83.3%	83.3% #663B44	RGB 102 59 68	#663B44
100.0%	100.0% #482A30	RGB 72 42 48	#482A30

#FC93A7 #DE8193 #C0707F #A25E6B #844D58 #663B44 #482A30

#FC93A8 - #A25E6B - #482A30

CSS codes

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

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