#FC85A8 - #C6205B | 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 #FC85A8 to #C6205B

#FC85A8 #C6205B

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

#FC85A8 - #C6205B | 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 #FC85A8 as 0% and #C6205B as 100%.

0.0%	0.0% #FC85A8	RGB 252 133 168	#FC85A8
16.7%	16.7% #F3749B	RGB 243 116 155	#F3749B
33.3%	33.3% #EA638E	RGB 234 99 142	#EA638E
50.0%	50.0% #E15281	RGB 225 82 129	#E15281
66.7%	66.7% #D84174	RGB 216 65 116	#D84174
83.3%	83.3% #CF3067	RGB 207 48 103	#CF3067
100.0%	100.0% #C6205B	RGB 198 32 91	#C6205B

#FC85A8 #F3749B #EA638E #E15281 #D84174 #CF3067 #C6205B

#FC85A8 - #C6205B

HSV Blend

#FC85A8 - #C6205B | 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 #FC85A8 as 0% and #C6205B as 100%.

0.0%	0.0% #FC85A7	RGB 252 133 167	#FC85A7
16.7%	16.7% #F37198	RGB 243 113 152	#F37198
33.3%	33.3% #EA5E8A	RGB 234 94 138	#EA5E8A
50.0%	50.0% #E14D7D	RGB 225 77 125	#E14D7D
66.7%	66.7% #D83D71	RGB 216 61 113	#D83D71
83.3%	83.3% #CF2E65	RGB 207 46 101	#CF2E65
100.0%	100.0% #C6205B	RGB 198 32 91	#C6205B

#FC85A7 #F37198 #EA5E8A #E14D7D #D83D71 #CF2E65 #C6205B

#FC85A8 - #E14D7D - #C6205B

CSS codes

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

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