#968F5E - #EDF67E | 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 #968F5E to #EDF67E

#968F5E #EDF67E

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

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

0.0%	0.0% #968F5E	RGB 150 143 94	#968F5E
16.7%	16.7% #A4A063	RGB 164 160 99	#A4A063
33.3%	33.3% #B3B168	RGB 179 177 104	#B3B168
50.0%	50.0% #C1C26E	RGB 193 194 110	#C1C26E
66.7%	66.7% #D0D373	RGB 208 211 115	#D0D373
83.3%	83.3% #DEE478	RGB 222 228 120	#DEE478
100.0%	100.0% #EDF67E	RGB 237 246 126	#EDF67E

#968F5E #A4A063 #B3B168 #C1C26E #D0D373 #DEE478 #EDF67E

#968F5E - #EDF67E

HSV Blend

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

0.0%	0.0% #968F5E	RGB 150 143 94	#968F5E
16.7%	16.7% #A6A064	RGB 166 160 100	#A6A064
33.3%	33.3% #B6B16B	RGB 182 177 107	#B6B16B
50.0%	50.0% #C6C370	RGB 198 195 112	#C6C370
66.7%	66.7% #D5D675	RGB 213 214 117	#D5D675
83.3%	83.3% #E1E67A	RGB 225 230 122	#E1E67A
100.0%	100.0% #EDF67E	RGB 237 246 126	#EDF67E

#968F5E #A6A064 #B6B16B #C6C370 #D5D675 #E1E67A #EDF67E

#968F5E - #C6C370 - #EDF67E

CSS codes

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

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