#FFC0C5 - #EB6F6B | 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 #FFC0C5 to #EB6F6B

#FFC0C5 #EB6F6B

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

#FFC0C5 - #EB6F6B | 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 #FFC0C5 as 0% and #EB6F6B as 100%.

0.0%	0.0% #FFC0C5	RGB 255 192 197	#FFC0C5
16.7%	16.7% #FBB2B6	RGB 251 178 182	#FBB2B6
33.3%	33.3% #F8A5A7	RGB 248 165 167	#F8A5A7
50.0%	50.0% #F59798	RGB 245 151 152	#F59798
66.7%	66.7% #F18A89	RGB 241 138 137	#F18A89
83.3%	83.3% #EE7C7A	RGB 238 124 122	#EE7C7A
100.0%	100.0% #EB6F6B	RGB 235 111 107	#EB6F6B

#FFC0C5 #FBB2B6 #F8A5A7 #F59798 #F18A89 #EE7C7A #EB6F6B

#FFC0C5 - #EB6F6B

HSV Blend

#FFC0C5 - #EB6F6B | 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 #FFC0C5 as 0% and #EB6F6B as 100%.

0.0%	0.0% #FFC0C5	RGB 255 192 197	#FFC0C5
16.7%	16.7% #FBB1B5	RGB 251 177 181	#FBB1B5
33.3%	33.3% #F8A2A5	RGB 248 162 165	#F8A2A5
50.0%	50.0% #F59496	RGB 245 148 150	#F59496
66.7%	66.7% #F18686	RGB 241 134 134	#F18686
83.3%	83.3% #EE7978	RGB 238 121 120	#EE7978
100.0%	100.0% #EB6F6B	RGB 235 111 107	#EB6F6B

#FFC0C5 #FBB1B5 #F8A2A5 #F59496 #F18686 #EE7978 #EB6F6B

#FFC0C5 - #F59496 - #EB6F6B

CSS codes

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

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