#AF4400 - #FDADD7 | 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 #AF4400 to #FDADD7

#AF4400 #FDADD7

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

#AF4400 - #FDADD7 | 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 #AF4400 as 0% and #FDADD7 as 100%.

0.0%	0.0% #AF4400	RGB 175 68 0	#AF4400
16.7%	16.7% #BC5523	RGB 188 85 35	#BC5523
33.3%	33.3% #C96747	RGB 201 103 71	#C96747
50.0%	50.0% #D6786B	RGB 214 120 107	#D6786B
66.7%	66.7% #E38A8F	RGB 227 138 143	#E38A8F
83.3%	83.3% #F09BB3	RGB 240 155 179	#F09BB3
100.0%	100.0% #FDADD7	RGB 253 173 215	#FDADD7

#AF4400 #BC5523 #C96747 #D6786B #E38A8F #F09BB3 #FDADD7

#AF4400 - #FDADD7

HSV Blend

#AF4400 - #FDADD7 | 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 #AF4400 as 0% and #FDADD7 as 100%.

0.0%	0.0% #AF4400	RGB 175 68 0	#AF4400
16.7%	16.7% #BC3C15	RGB 188 60 21	#BC3C15
33.3%	33.3% #C93A2D	RGB 201 58 45	#C93A2D
50.0%	50.0% #D64952	RGB 214 73 82	#D64952
66.7%	66.7% #E36782	RGB 227 103 130	#E36782
83.3%	83.3% #F088AF	RGB 240 136 175	#F088AF
100.0%	100.0% #FDADD7	RGB 253 173 215	#FDADD7

#AF4400 #BC3C15 #C93A2D #D64952 #E36782 #F088AF #FDADD7

#AF4400 - #D64952 - #FDADD7

CSS codes

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

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