#808000 - #DADAB6 | 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 #808000 to #DADAB6

#808000 #DADAB6

Calculate the color between two colors, #808000 and #DADAB6. 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)

#808000 - #DADAB6 | 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 #808000 as 0% and #DADAB6 as 100%.

0.0%	0.0% #808000	RGB 128 128 0	#808000
16.7%	16.7% #8F8F1E	RGB 143 143 30	#8F8F1E
33.3%	33.3% #9E9E3C	RGB 158 158 60	#9E9E3C
50.0%	50.0% #ADAD5B	RGB 173 173 91	#ADAD5B
66.7%	66.7% #BCBC79	RGB 188 188 121	#BCBC79
83.3%	83.3% #CBCB97	RGB 203 203 151	#CBCB97
100.0%	100.0% #DADAB6	RGB 218 218 182	#DADAB6

#808000 #8F8F1E #9E9E3C #ADAD5B #BCBC79 #CBCB97 #DADAB6

#808000 - #DADAB6

HSV Blend

#808000 - #DADAB6 | 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 #808000 as 0% and #DADAB6 as 100%.

0.0%	0.0% #808000	RGB 128 128 0	#808000
16.7%	16.7% #8F8F13	RGB 143 143 19	#8F8F13
33.3%	33.3% #9E9E2B	RGB 158 158 43	#9E9E2B
50.0%	50.0% #ADAD48	RGB 173 173 72	#ADAD48
66.7%	66.7% #BCBC68	RGB 188 188 104	#BCBC68
83.3%	83.3% #CBCB8D	RGB 203 203 141	#CBCB8D
100.0%	100.0% #DADAB6	RGB 218 218 182	#DADAB6

#808000 #8F8F13 #9E9E2B #ADAD48 #BCBC68 #CBCB8D #DADAB6

#808000 - #ADAD48 - #DADAB6

CSS codes

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

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