#AF4D5E - #FB9A70 | 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 #AF4D5E to #FB9A70

#AF4D5E #FB9A70

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

#AF4D5E - #FB9A70 | 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 #AF4D5E as 0% and #FB9A70 as 100%.

0.0%	0.0% #AF4D5E	RGB 175 77 94	#AF4D5E
16.7%	16.7% #BB5961	RGB 187 89 97	#BB5961
33.3%	33.3% #C86664	RGB 200 102 100	#C86664
50.0%	50.0% #D57367	RGB 213 115 103	#D57367
66.7%	66.7% #E1806A	RGB 225 128 106	#E1806A
83.3%	83.3% #EE8D6D	RGB 238 141 109	#EE8D6D
100.0%	100.0% #FB9A70	RGB 251 154 112	#FB9A70

#AF4D5E #BB5961 #C86664 #D57367 #E1806A #EE8D6D #FB9A70

#AF4D5E - #FB9A70

HSV Blend

#AF4D5E - #FB9A70 | 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 #AF4D5E as 0% and #FB9A70 as 100%.

0.0%	0.0% #AF4D5E	RGB 175 77 94	#AF4D5E
16.7%	16.7% #BB525C	RGB 187 82 92	#BB525C
33.3%	33.3% #C8585A	RGB 200 88 90	#C8585A
50.0%	50.0% #D5665E	RGB 213 102 94	#D5665E
66.7%	66.7% #E17664	RGB 225 118 100	#E17664
83.3%	83.3% #EE876A	RGB 238 135 106	#EE876A
100.0%	100.0% #FB9A70	RGB 251 154 112	#FB9A70

#AF4D5E #BB525C #C8585A #D5665E #E17664 #EE876A #FB9A70

#AF4D5E - #D5665E - #FB9A70

CSS codes

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

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