#A44B5A - #F7966D | 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 #A44B5A to #F7966D

#A44B5A #F7966D

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

#A44B5A - #F7966D | 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 #A44B5A as 0% and #F7966D as 100%.

0.0%	0.0% #A44B5A	RGB 164 75 90	#A44B5A
16.7%	16.7% #B1575D	RGB 177 87 93	#B1575D
33.3%	33.3% #BF6460	RGB 191 100 96	#BF6460
50.0%	50.0% #CD7063	RGB 205 112 99	#CD7063
66.7%	66.7% #DB7D66	RGB 219 125 102	#DB7D66
83.3%	83.3% #E98969	RGB 233 137 105	#E98969
100.0%	100.0% #F7966D	RGB 247 150 109	#F7966D

#A44B5A #B1575D #BF6460 #CD7063 #DB7D66 #E98969 #F7966D

#A44B5A - #F7966D

HSV Blend

#A44B5A - #F7966D | 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 #A44B5A as 0% and #F7966D as 100%.

0.0%	0.0% #A44B59	RGB 164 75 89	#A44B59
16.7%	16.7% #B15059	RGB 177 80 89	#B15059
33.3%	33.3% #BF5658	RGB 191 86 88	#BF5658
50.0%	50.0% #CD635C	RGB 205 99 92	#CD635C
66.7%	66.7% #DB7361	RGB 219 115 97	#DB7361
83.3%	83.3% #E98367	RGB 233 131 103	#E98367
100.0%	100.0% #F7966D	RGB 247 150 109	#F7966D

#A44B59 #B15059 #BF5658 #CD635C #DB7361 #E98367 #F7966D

#A44B5A - #CD635C - #F7966D

CSS codes

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

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