#AF3D5E - #FB8C71 | 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 #AF3D5E to #FB8C71

#AF3D5E #FB8C71

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

#AF3D5E - #FB8C71 | 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 #AF3D5E as 0% and #FB8C71 as 100%.

0.0%	0.0% #AF3D5E	RGB 175 61 94	#AF3D5E
16.7%	16.7% #BB4A61	RGB 187 74 97	#BB4A61
33.3%	33.3% #C85764	RGB 200 87 100	#C85764
50.0%	50.0% #D56467	RGB 213 100 103	#D56467
66.7%	66.7% #E1716A	RGB 225 113 106	#E1716A
83.3%	83.3% #EE7E6D	RGB 238 126 109	#EE7E6D
100.0%	100.0% #FB8C71	RGB 251 140 113	#FB8C71

#AF3D5E #BB4A61 #C85764 #D56467 #E1716A #EE7E6D #FB8C71

#AF3D5E - #FB8C71

HSV Blend

#AF3D5E - #FB8C71 | 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 #AF3D5E as 0% and #FB8C71 as 100%.

0.0%	0.0% #AF3D5D	RGB 175 61 93	#AF3D5D
16.7%	16.7% #BB445D	RGB 187 68 93	#BB445D
33.3%	33.3% #C84C5C	RGB 200 76 92	#C84C5C
50.0%	50.0% #D5555B	RGB 213 85 91	#D5555B
66.7%	66.7% #E1625D	RGB 225 98 93	#E1625D
83.3%	83.3% #EE7667	RGB 238 118 103	#EE7667
100.0%	100.0% #FB8C71	RGB 251 140 113	#FB8C71

#AF3D5D #BB445D #C84C5C #D5555B #E1625D #EE7667 #FB8C71

#AF3D5E - #D5555B - #FB8C71

CSS codes

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

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