#FFAF9A - #CD4E3C | 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 #FFAF9A to #CD4E3C

#FFAF9A #CD4E3C

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

#FFAF9A - #CD4E3C | 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 #FFAF9A as 0% and #CD4E3C as 100%.

0.0%	0.0% #FFAF9A	RGB 255 175 154	#FFAF9A
16.7%	16.7% #F69E8A	RGB 246 158 138	#F69E8A
33.3%	33.3% #EE8E7A	RGB 238 142 122	#EE8E7A
50.0%	50.0% #E67E6B	RGB 230 126 107	#E67E6B
66.7%	66.7% #DD6E5B	RGB 221 110 91	#DD6E5B
83.3%	83.3% #D55E4B	RGB 213 94 75	#D55E4B
100.0%	100.0% #CD4E3C	RGB 205 78 60	#CD4E3C

#FFAF9A #F69E8A #EE8E7A #E67E6B #DD6E5B #D55E4B #CD4E3C

#FFAF9A - #CD4E3C

HSV Blend

#FFAF9A - #CD4E3C | 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 #FFAF9A as 0% and #CD4E3C as 100%.

0.0%	0.0% #FFAF9A	RGB 255 175 154	#FFAF9A
16.7%	16.7% #F69D88	RGB 246 157 136	#F69D88
33.3%	33.3% #EE8C77	RGB 238 140 119	#EE8C77
50.0%	50.0% #E67C67	RGB 230 124 103	#E67C67
66.7%	66.7% #DD6C57	RGB 221 108 87	#DD6C57
83.3%	83.3% #D55C49	RGB 213 92 73	#D55C49
100.0%	100.0% #CD4E3C	RGB 205 78 60	#CD4E3C

#FFAF9A #F69D88 #EE8C77 #E67C67 #DD6C57 #D55C49 #CD4E3C

#FFAF9A - #E67C67 - #CD4E3C

CSS codes

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

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