#FFAFAB - #DC402D | 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 #FFAFAB to #DC402D

#FFAFAB #DC402D

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

#FFAFAB - #DC402D | 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 #FFAFAB as 0% and #DC402D as 100%.

0.0%	0.0% #FFAFAB	RGB 255 175 171	#FFAFAB
16.7%	16.7% #F99C96	RGB 249 156 150	#F99C96
33.3%	33.3% #F38A81	RGB 243 138 129	#F38A81
50.0%	50.0% #ED776C	RGB 237 119 108	#ED776C
66.7%	66.7% #E76557	RGB 231 101 87	#E76557
83.3%	83.3% #E15242	RGB 225 82 66	#E15242
100.0%	100.0% #DC402D	RGB 220 64 45	#DC402D

#FFAFAB #F99C96 #F38A81 #ED776C #E76557 #E15242 #DC402D

#FFAFAB - #DC402D

HSV Blend

#FFAFAB - #DC402D | 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 #FFAFAB as 0% and #DC402D as 100%.

0.0%	0.0% #FFAFAB	RGB 255 175 171	#FFAFAB
16.7%	16.7% #F99993	RGB 249 153 147	#F99993
33.3%	33.3% #F3857D	RGB 243 133 125	#F3857D
50.0%	50.0% #ED7267	RGB 237 114 103	#ED7267
66.7%	66.7% #E76053	RGB 231 96 83	#E76053
83.3%	83.3% #E14F3F	RGB 225 79 63	#E14F3F
100.0%	100.0% #DC402D	RGB 220 64 45	#DC402D

#FFAFAB #F99993 #F3857D #ED7267 #E76053 #E14F3F #DC402D

#FFAFAB - #ED7267 - #DC402D

CSS codes

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

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