#AF3C5E - #F85652 | 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 #AF3C5E to #F85652

#AF3C5E #F85652

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

#AF3C5E - #F85652 | 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 #AF3C5E as 0% and #F85652 as 100%.

0.0%	0.0% #AF3C5E	RGB 175 60 94	#AF3C5E
16.7%	16.7% #BB405C	RGB 187 64 92	#BB405C
33.3%	33.3% #C7445A	RGB 199 68 90	#C7445A
50.0%	50.0% #D34958	RGB 211 73 88	#D34958
66.7%	66.7% #DF4D56	RGB 223 77 86	#DF4D56
83.3%	83.3% #EB5154	RGB 235 81 84	#EB5154
100.0%	100.0% #F85652	RGB 248 86 82	#F85652

#AF3C5E #BB405C #C7445A #D34958 #DF4D56 #EB5154 #F85652

#AF3C5E - #F85652

HSV Blend

#AF3C5E - #F85652 | 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 #AF3C5E as 0% and #F85652 as 100%.

0.0%	0.0% #AF3C5D	RGB 175 60 93	#AF3C5D
16.7%	16.7% #BB3F5D	RGB 187 63 93	#BB3F5D
33.3%	33.3% #C7435C	RGB 199 67 92	#C7435C
50.0%	50.0% #D3475A	RGB 211 71 90	#D3475A
66.7%	66.7% #DF4A57	RGB 223 74 87	#DF4A57
83.3%	83.3% #EB4E53	RGB 235 78 83	#EB4E53
100.0%	100.0% #F85652	RGB 248 86 82	#F85652

#AF3C5D #BB3F5D #C7435C #D3475A #DF4A57 #EB4E53 #F85652

#AF3C5E - #D3475A - #F85652

CSS codes

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

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