#C05C92 - #FCB7AF | 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 #C05C92 to #FCB7AF

#C05C92 #FCB7AF

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

#C05C92 - #FCB7AF | 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 #C05C92 as 0% and #FCB7AF as 100%.

0.0%	0.0% #C05C92	RGB 192 92 146	#C05C92
16.7%	16.7% #CA6B96	RGB 202 107 150	#CA6B96
33.3%	33.3% #D47A9B	RGB 212 122 155	#D47A9B
50.0%	50.0% #DE89A0	RGB 222 137 160	#DE89A0
66.7%	66.7% #E898A5	RGB 232 152 165	#E898A5
83.3%	83.3% #F2A7AA	RGB 242 167 170	#F2A7AA
100.0%	100.0% #FCB7AF	RGB 252 183 175	#FCB7AF

#C05C92 #CA6B96 #D47A9B #DE89A0 #E898A5 #F2A7AA #FCB7AF

#C05C92 - #FCB7AF

HSV Blend

#C05C92 - #FCB7AF | 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 #C05C92 as 0% and #FCB7AF as 100%.

0.0%	0.0% #C05C91	RGB 192 92 145	#C05C91
16.7%	16.7% #CA6892	RGB 202 104 146	#CA6892
33.3%	33.3% #D47493	RGB 212 116 147	#D47493
50.0%	50.0% #DE8296	RGB 222 130 150	#DE8296
66.7%	66.7% #E8909A	RGB 232 144 154	#E8909A
83.3%	83.3% #F29F9F	RGB 242 159 159	#F29F9F
100.0%	100.0% #FCB7AF	RGB 252 183 175	#FCB7AF

#C05C91 #CA6892 #D47493 #DE8296 #E8909A #F29F9F #FCB7AF

#C05C92 - #DE8296 - #FCB7AF

CSS codes

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

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