#968C5E - #FFCA79 | 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 #968C5E to #FFCA79

#968C5E #FFCA79

Calculate the color between two colors, #968C5E and #FFCA79. 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)

#968C5E - #FFCA79 | 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 #968C5E as 0% and #FFCA79 as 100%.

0.0%	0.0% #968C5E	RGB 150 140 94	#968C5E
16.7%	16.7% #A79662	RGB 167 150 98	#A79662
33.3%	33.3% #B9A067	RGB 185 160 103	#B9A067
50.0%	50.0% #CAAB6B	RGB 202 171 107	#CAAB6B
66.7%	66.7% #DCB570	RGB 220 181 112	#DCB570
83.3%	83.3% #EDBF74	RGB 237 191 116	#EDBF74
100.0%	100.0% #FFCA79	RGB 255 202 121	#FFCA79

#968C5E #A79662 #B9A067 #CAAB6B #DCB570 #EDBF74 #FFCA79

#968C5E - #FFCA79

HSV Blend

#968C5E - #FFCA79 | 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 #968C5E as 0% and #FFCA79 as 100%.

0.0%	0.0% #968C5E	RGB 150 140 94	#968C5E
16.7%	16.7% #A79964	RGB 167 153 100	#A79964
33.3%	33.3% #B9A56A	RGB 185 165 106	#B9A56A
50.0%	50.0% #CAB06F	RGB 202 176 111	#CAB06F
66.7%	66.7% #DCBA73	RGB 220 186 115	#DCBA73
83.3%	83.3% #EDC276	RGB 237 194 118	#EDC276
100.0%	100.0% #FFCA79	RGB 255 202 121	#FFCA79

#968C5E #A79964 #B9A56A #CAB06F #DCBA73 #EDC276 #FFCA79

#968C5E - #CAB06F - #FFCA79

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #968C5E 0%, #CAB06F 50%, #FFCA79 100%);
    background: -webkit-linear-gradient(top, #968C5E 0%, #CAB06F 50%, #FFCA79 100%);
    background: linear-gradient(to bottom, #968C5E 0%, #CAB06F 50%, #FFCA79 100%);
}
</style>