#AF987D - #795C2D | 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 #AF987D to #795C2D

#AF987D #795C2D

Calculate the color between two colors, #AF987D and #795C2D. 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)

#AF987D - #795C2D | 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 #AF987D as 0% and #795C2D as 100%.

0.0%	0.0% #AF987D	RGB 175 152 125	#AF987D
16.7%	16.7% #A68E6F	RGB 166 142 111	#A68E6F
33.3%	33.3% #9D8462	RGB 157 132 98	#9D8462
50.0%	50.0% #947A55	RGB 148 122 85	#947A55
66.7%	66.7% #8B7047	RGB 139 112 71	#8B7047
83.3%	83.3% #82663A	RGB 130 102 58	#82663A
100.0%	100.0% #795C2D	RGB 121 92 45	#795C2D

#AF987D #A68E6F #9D8462 #947A55 #8B7047 #82663A #795C2D

#AF987D - #795C2D

HSV Blend

#AF987D - #795C2D | 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 #AF987D as 0% and #795C2D as 100%.

0.0%	0.0% #AF987D	RGB 175 152 125	#AF987D
16.7%	16.7% #A68C6D	RGB 166 140 109	#A68C6D
33.3%	33.3% #9D815E	RGB 157 129 94	#9D815E
50.0%	50.0% #947750	RGB 148 119 80	#947750
66.7%	66.7% #8B6D43	RGB 139 109 67	#8B6D43
83.3%	83.3% #826437	RGB 130 100 55	#826437
100.0%	100.0% #795C2D	RGB 121 92 45	#795C2D

#AF987D #A68C6D #9D815E #947750 #8B6D43 #826437 #795C2D

#AF987D - #947750 - #795C2D

CSS codes

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

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