#A59FA1 - #2F2D2E | 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 #A59FA1 to #2F2D2E

#A59FA1 #2F2D2E

Calculate the color between two colors, #A59FA1 and #2F2D2E. 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)

#A59FA1 - #2F2D2E | 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 #A59FA1 as 0% and #2F2D2E as 100%.

0.0%	0.0% #A59FA1	RGB 165 159 161	#A59FA1
16.7%	16.7% #918C8D	RGB 145 140 141	#918C8D
33.3%	33.3% #7D797A	RGB 125 121 122	#7D797A
50.0%	50.0% #6A6667	RGB 106 102 103	#6A6667
66.7%	66.7% #565354	RGB 86 83 84	#565354
83.3%	83.3% #424041	RGB 66 64 65	#424041
100.0%	100.0% #2F2D2E	RGB 47 45 46	#2F2D2E

#A59FA1 #918C8D #7D797A #6A6667 #565354 #424041 #2F2D2E

#A59FA1 - #2F2D2E

HSV Blend

#A59FA1 - #2F2D2E | 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 #A59FA1 as 0% and #2F2D2E as 100%.

0.0%	0.0% #A59FA1	RGB 165 159 161	#A59FA1
16.7%	16.7% #918B8D	RGB 145 139 141	#918B8D
33.3%	33.3% #7D787A	RGB 125 120 122	#7D787A
50.0%	50.0% #6A6567	RGB 106 101 103	#6A6567
66.7%	66.7% #565254	RGB 86 82 84	#565254
83.3%	83.3% #423F41	RGB 66 63 65	#423F41
100.0%	100.0% #2F2D2E	RGB 47 45 46	#2F2D2E

#A59FA1 #918B8D #7D787A #6A6567 #565254 #423F41 #2F2D2E

#A59FA1 - #6A6567 - #2F2D2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A59FA1 0%, #6A6567 50%, #2F2D2E 100%);
    background: -webkit-linear-gradient(top, #A59FA1 0%, #6A6567 50%, #2F2D2E 100%);
    background: linear-gradient(to bottom, #A59FA1 0%, #6A6567 50%, #2F2D2E 100%);
}
</style>