#C05C77 - #FFAF8D | 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 #C05C77 to #FFAF8D

#C05C77 #FFAF8D

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

#C05C77 - #FFAF8D | 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 #C05C77 as 0% and #FFAF8D as 100%.

0.0%	0.0% #C05C77	RGB 192 92 119	#C05C77
16.7%	16.7% #CA697A	RGB 202 105 122	#CA697A
33.3%	33.3% #D5777E	RGB 213 119 126	#D5777E
50.0%	50.0% #DF8582	RGB 223 133 130	#DF8582
66.7%	66.7% #EA9385	RGB 234 147 133	#EA9385
83.3%	83.3% #F4A189	RGB 244 161 137	#F4A189
100.0%	100.0% #FFAF8D	RGB 255 175 141	#FFAF8D

#C05C77 #CA697A #D5777E #DF8582 #EA9385 #F4A189 #FFAF8D

#C05C77 - #FFAF8D

HSV Blend

#C05C77 - #FFAF8D | 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 #C05C77 as 0% and #FFAF8D as 100%.

0.0%	0.0% #C05C77	RGB 192 92 119	#C05C77
16.7%	16.7% #CA6375	RGB 202 99 117	#CA6375
33.3%	33.3% #D56B73	RGB 213 107 115	#D56B73
50.0%	50.0% #DF7473	RGB 223 116 115	#DF7473
66.7%	66.7% #EA877B	RGB 234 135 123	#EA877B
83.3%	83.3% #F49B84	RGB 244 155 132	#F49B84
100.0%	100.0% #FFAF8D	RGB 255 175 141	#FFAF8D

#C05C77 #CA6375 #D56B73 #DF7473 #EA877B #F49B84 #FFAF8D

#C05C77 - #DF7473 - #FFAF8D

CSS codes

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

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