#AF8C9F - #7E364F | 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 #AF8C9F to #7E364F

#AF8C9F #7E364F

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

#AF8C9F - #7E364F | 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 #AF8C9F as 0% and #7E364F as 100%.

0.0%	0.0% #AF8C9F	RGB 175 140 159	#AF8C9F
16.7%	16.7% #A67D91	RGB 166 125 145	#A67D91
33.3%	33.3% #9E6F84	RGB 158 111 132	#9E6F84
50.0%	50.0% #966177	RGB 150 97 119	#966177
66.7%	66.7% #8E5269	RGB 142 82 105	#8E5269
83.3%	83.3% #86445C	RGB 134 68 92	#86445C
100.0%	100.0% #7E364F	RGB 126 54 79	#7E364F

#AF8C9F #A67D91 #9E6F84 #966177 #8E5269 #86445C #7E364F

#AF8C9F - #7E364F

HSV Blend

#AF8C9F - #7E364F | 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 #AF8C9F as 0% and #7E364F as 100%.

0.0%	0.0% #AF8C9F	RGB 175 140 159	#AF8C9F
16.7%	16.7% #A67B91	RGB 166 123 145	#A67B91
33.3%	33.3% #9E6B83	RGB 158 107 131	#9E6B83
50.0%	50.0% #965C76	RGB 150 92 118	#965C76
66.7%	66.7% #8E4E68	RGB 142 78 104	#8E4E68
83.3%	83.3% #86415B	RGB 134 65 91	#86415B
100.0%	100.0% #7E364F	RGB 126 54 79	#7E364F

#AF8C9F #A67B91 #9E6B83 #965C76 #8E4E68 #86415B #7E364F

#AF8C9F - #965C76 - #7E364F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF8C9F 0%, #965C76 50%, #7E364F 100%);
    background: -webkit-linear-gradient(top, #AF8C9F 0%, #965C76 50%, #7E364F 100%);
    background: linear-gradient(to bottom, #AF8C9F 0%, #965C76 50%, #7E364F 100%);
}
</style>