#967E5E - #F6DB7E | 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 #967E5E to #F6DB7E

#967E5E #F6DB7E

Calculate the color between two colors, #967E5E and #F6DB7E. 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)

#967E5E - #F6DB7E | 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 #967E5E as 0% and #F6DB7E as 100%.

0.0%	0.0% #967E5E	RGB 150 126 94	#967E5E
16.7%	16.7% #A68D63	RGB 166 141 99	#A68D63
33.3%	33.3% #B69D68	RGB 182 157 104	#B69D68
50.0%	50.0% #C6AC6E	RGB 198 172 110	#C6AC6E
66.7%	66.7% #D6BC73	RGB 214 188 115	#D6BC73
83.3%	83.3% #E6CB78	RGB 230 203 120	#E6CB78
100.0%	100.0% #F6DB7E	RGB 246 219 126	#F6DB7E

#967E5E #A68D63 #B69D68 #C6AC6E #D6BC73 #E6CB78 #F6DB7E

#967E5E - #F6DB7E

HSV Blend

#967E5E - #F6DB7E | 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 #967E5E as 0% and #F6DB7E as 100%.

0.0%	0.0% #967E5E	RGB 150 126 94	#967E5E
16.7%	16.7% #A68C64	RGB 166 140 100	#A68C64
33.3%	33.3% #B69A6B	RGB 182 154 107	#B69A6B
50.0%	50.0% #C6AA70	RGB 198 170 112	#C6AA70
66.7%	66.7% #D6B975	RGB 214 185 117	#D6B975
83.3%	83.3% #E6CA7A	RGB 230 202 122	#E6CA7A
100.0%	100.0% #F6DB7E	RGB 246 219 126	#F6DB7E

#967E5E #A68C64 #B69A6B #C6AA70 #D6B975 #E6CA7A #F6DB7E

#967E5E - #C6AA70 - #F6DB7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #967E5E 0%, #C6AA70 50%, #F6DB7E 100%);
    background: -webkit-linear-gradient(top, #967E5E 0%, #C6AA70 50%, #F6DB7E 100%);
    background: linear-gradient(to bottom, #967E5E 0%, #C6AA70 50%, #F6DB7E 100%);
}
</style>