#C05C8F - #FCB6AB | 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 #C05C8F to #FCB6AB

#C05C8F #FCB6AB

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

#C05C8F - #FCB6AB | 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 #C05C8F as 0% and #FCB6AB as 100%.

0.0%	0.0% #C05C8F	RGB 192 92 143	#C05C8F
16.7%	16.7% #CA6B93	RGB 202 107 147	#CA6B93
33.3%	33.3% #D47A98	RGB 212 122 152	#D47A98
50.0%	50.0% #DE899D	RGB 222 137 157	#DE899D
66.7%	66.7% #E898A1	RGB 232 152 161	#E898A1
83.3%	83.3% #F2A7A6	RGB 242 167 166	#F2A7A6
100.0%	100.0% #FCB6AB	RGB 252 182 171	#FCB6AB

#C05C8F #CA6B93 #D47A98 #DE899D #E898A1 #F2A7A6 #FCB6AB

#C05C8F - #FCB6AB

HSV Blend

#C05C8F - #FCB6AB | 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 #C05C8F as 0% and #FCB6AB as 100%.

0.0%	0.0% #C05C8E	RGB 192 92 142	#C05C8E
16.7%	16.7% #CA678F	RGB 202 103 143	#CA678F
33.3%	33.3% #D47390	RGB 212 115 144	#D47390
50.0%	50.0% #DE8092	RGB 222 128 146	#DE8092
66.7%	66.7% #E88E95	RGB 232 142 149	#E88E95
83.3%	83.3% #F29E9C	RGB 242 158 156	#F29E9C
100.0%	100.0% #FCB6AB	RGB 252 182 171	#FCB6AB

#C05C8E #CA678F #D47390 #DE8092 #E88E95 #F29E9C #FCB6AB

#C05C8F - #DE8092 - #FCB6AB

CSS codes

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

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