#AF5E62 - #FCA974 | 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 #AF5E62 to #FCA974

#AF5E62 #FCA974

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

#AF5E62 - #FCA974 | 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 #AF5E62 as 0% and #FCA974 as 100%.

0.0%	0.0% #AF5E62	RGB 175 94 98	#AF5E62
16.7%	16.7% #BB6A65	RGB 187 106 101	#BB6A65
33.3%	33.3% #C87768	RGB 200 119 104	#C87768
50.0%	50.0% #D5836B	RGB 213 131 107	#D5836B
66.7%	66.7% #E2906E	RGB 226 144 110	#E2906E
83.3%	83.3% #EF9C71	RGB 239 156 113	#EF9C71
100.0%	100.0% #FCA974	RGB 252 169 116	#FCA974

#AF5E62 #BB6A65 #C87768 #D5836B #E2906E #EF9C71 #FCA974

#AF5E62 - #FCA974

HSV Blend

#AF5E62 - #FCA974 | 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 #AF5E62 as 0% and #FCA974 as 100%.

0.0%	0.0% #AF5E61	RGB 175 94 97	#AF5E61
16.7%	16.7% #BB6462	RGB 187 100 98	#BB6462
33.3%	33.3% #C87066	RGB 200 112 102	#C87066
50.0%	50.0% #D57C6A	RGB 213 124 106	#D57C6A
66.7%	66.7% #E28A6D	RGB 226 138 109	#E28A6D
83.3%	83.3% #EF9971	RGB 239 153 113	#EF9971
100.0%	100.0% #FCA974	RGB 252 169 116	#FCA974

#AF5E61 #BB6462 #C87066 #D57C6A #E28A6D #EF9971 #FCA974

#AF5E62 - #D57C6A - #FCA974

CSS codes

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

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