#B5ABA3 - #94674D | 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 #B5ABA3 to #94674D

#B5ABA3 #94674D

Calculate the color between two colors, #B5ABA3 and #94674D. 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)

#B5ABA3 - #94674D | 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 #B5ABA3 as 0% and #94674D as 100%.

0.0%	0.0% #B5ABA3	RGB 181 171 163	#B5ABA3
16.7%	16.7% #AF9F94	RGB 175 159 148	#AF9F94
33.3%	33.3% #AA9486	RGB 170 148 134	#AA9486
50.0%	50.0% #A48978	RGB 164 137 120	#A48978
66.7%	66.7% #9F7D69	RGB 159 125 105	#9F7D69
83.3%	83.3% #99725B	RGB 153 114 91	#99725B
100.0%	100.0% #94674D	RGB 148 103 77	#94674D

#B5ABA3 #AF9F94 #AA9486 #A48978 #9F7D69 #99725B #94674D

#B5ABA3 - #94674D

HSV Blend

#B5ABA3 - #94674D | 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 #B5ABA3 as 0% and #94674D as 100%.

0.0%	0.0% #B5ABA3	RGB 181 171 163	#B5ABA3
16.7%	16.7% #AF9F92	RGB 175 159 146	#AF9F92
33.3%	33.3% #AA9383	RGB 170 147 131	#AA9383
50.0%	50.0% #A48874	RGB 164 136 116	#A48874
66.7%	66.7% #9F7C66	RGB 159 124 102	#9F7C66
83.3%	83.3% #997159	RGB 153 113 89	#997159
100.0%	100.0% #94674D	RGB 148 103 77	#94674D

#B5ABA3 #AF9F92 #AA9383 #A48874 #9F7C66 #997159 #94674D

#B5ABA3 - #A48874 - #94674D

CSS codes

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

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