#968D5E - #EEF67E | 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 #968D5E to #EEF67E

#968D5E #EEF67E

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

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

0.0%	0.0% #968D5E	RGB 150 141 94	#968D5E
16.7%	16.7% #A49E63	RGB 164 158 99	#A49E63
33.3%	33.3% #B3B068	RGB 179 176 104	#B3B068
50.0%	50.0% #C2C16E	RGB 194 193 110	#C2C16E
66.7%	66.7% #D0D373	RGB 208 211 115	#D0D373
83.3%	83.3% #DFE478	RGB 223 228 120	#DFE478
100.0%	100.0% #EEF67E	RGB 238 246 126	#EEF67E

#968D5E #A49E63 #B3B068 #C2C16E #D0D373 #DFE478 #EEF67E

#968D5E - #EEF67E

HSV Blend

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

0.0%	0.0% #968D5E	RGB 150 141 94	#968D5E
16.7%	16.7% #A69D64	RGB 166 157 100	#A69D64
33.3%	33.3% #B6AF6B	RGB 182 175 107	#B6AF6B
50.0%	50.0% #C6C170	RGB 198 193 112	#C6C170
66.7%	66.7% #D6D575	RGB 214 213 117	#D6D575
83.3%	83.3% #E2E67A	RGB 226 230 122	#E2E67A
100.0%	100.0% #EEF67E	RGB 238 246 126	#EEF67E

#968D5E #A69D64 #B6AF6B #C6C170 #D6D575 #E2E67A #EEF67E

#968D5E - #C6C170 - #EEF67E

CSS codes

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

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