#988D5E - #EFF67E | 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 #988D5E to #EFF67E

#988D5E #EFF67E

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

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

0.0%	0.0% #988D5E	RGB 152 141 94	#988D5E
16.7%	16.7% #A69E63	RGB 166 158 99	#A69E63
33.3%	33.3% #B5B068	RGB 181 176 104	#B5B068
50.0%	50.0% #C3C16E	RGB 195 193 110	#C3C16E
66.7%	66.7% #D2D373	RGB 210 211 115	#D2D373
83.3%	83.3% #E0E478	RGB 224 228 120	#E0E478
100.0%	100.0% #EFF67E	RGB 239 246 126	#EFF67E

#988D5E #A69E63 #B5B068 #C3C16E #D2D373 #E0E478 #EFF67E

#988D5E - #EFF67E

HSV Blend

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

0.0%	0.0% #988D5E	RGB 152 141 94	#988D5E
16.7%	16.7% #A79D64	RGB 167 157 100	#A79D64
33.3%	33.3% #B7AF6A	RGB 183 175 106	#B7AF6A
50.0%	50.0% #C7C170	RGB 199 193 112	#C7C170
66.7%	66.7% #D6D475	RGB 214 212 117	#D6D475
83.3%	83.3% #E4E67A	RGB 228 230 122	#E4E67A
100.0%	100.0% #EFF67E	RGB 239 246 126	#EFF67E

#988D5E #A79D64 #B7AF6A #C7C170 #D6D475 #E4E67A #EFF67E

#988D5E - #C7C170 - #EFF67E

CSS codes

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

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