#F7A8A8 - #C6414C | 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 #F7A8A8 to #C6414C

#F7A8A8 #C6414C

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

#F7A8A8 - #C6414C | 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 #F7A8A8 as 0% and #C6414C as 100%.

0.0%	0.0% #F7A8A8	RGB 247 168 168	#F7A8A8
16.7%	16.7% #EE9698	RGB 238 150 152	#EE9698
33.3%	33.3% #E68589	RGB 230 133 137	#E68589
50.0%	50.0% #DE747A	RGB 222 116 122	#DE747A
66.7%	66.7% #D6636A	RGB 214 99 106	#D6636A
83.3%	83.3% #CE525B	RGB 206 82 91	#CE525B
100.0%	100.0% #C6414C	RGB 198 65 76	#C6414C

#F7A8A8 #EE9698 #E68589 #DE747A #D6636A #CE525B #C6414C

#F7A8A8 - #C6414C

HSV Blend

#F7A8A8 - #C6414C | 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 #F7A8A8 as 0% and #C6414C as 100%.

0.0%	0.0% #F7A8A8	RGB 247 168 168	#F7A8A8
16.7%	16.7% #EE9495	RGB 238 148 149	#EE9495
33.3%	33.3% #E68184	RGB 230 129 132	#E68184
50.0%	50.0% #DE7074	RGB 222 112 116	#DE7074
66.7%	66.7% #D65F66	RGB 214 95 102	#D65F66
83.3%	83.3% #CE4F58	RGB 206 79 88	#CE4F58
100.0%	100.0% #C6414C	RGB 198 65 76	#C6414C

#F7A8A8 #EE9495 #E68184 #DE7074 #D65F66 #CE4F58 #C6414C

#F7A8A8 - #DE7074 - #C6414C

CSS codes

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

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