#AF828C - #76343E | 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 #AF828C to #76343E

#AF828C #76343E

Calculate the color between two colors, #AF828C and #76343E. 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)

#AF828C - #76343E | 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 #AF828C as 0% and #76343E as 100%.

0.0%	0.0% #AF828C	RGB 175 130 140	#AF828C
16.7%	16.7% #A5757F	RGB 165 117 127	#A5757F
33.3%	33.3% #9C6872	RGB 156 104 114	#9C6872
50.0%	50.0% #925B65	RGB 146 91 101	#925B65
66.7%	66.7% #894E58	RGB 137 78 88	#894E58
83.3%	83.3% #7F414B	RGB 127 65 75	#7F414B
100.0%	100.0% #76343E	RGB 118 52 62	#76343E

#AF828C #A5757F #9C6872 #925B65 #894E58 #7F414B #76343E

#AF828C - #76343E

HSV Blend

#AF828C - #76343E | 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 #AF828C as 0% and #76343E as 100%.

0.0%	0.0% #AF828C	RGB 175 130 140	#AF828C
16.7%	16.7% #A5727D	RGB 165 114 125	#A5727D
33.3%	33.3% #9C646F	RGB 156 100 111	#9C646F
50.0%	50.0% #925661	RGB 146 86 97	#925661
66.7%	66.7% #894A55	RGB 137 74 85	#894A55
83.3%	83.3% #7F3E49	RGB 127 62 73	#7F3E49
100.0%	100.0% #76343E	RGB 118 52 62	#76343E

#AF828C #A5727D #9C646F #925661 #894A55 #7F3E49 #76343E

#AF828C - #925661 - #76343E

CSS codes

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

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