#918901 - #DFDDB6 | 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 #918901 to #DFDDB6

#918901 #DFDDB6

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

#918901 - #DFDDB6 | 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 #918901 as 0% and #DFDDB6 as 100%.

0.0%	0.0% #918901	RGB 145 137 1	#918901
16.7%	16.7% #9E971F	RGB 158 151 31	#9E971F
33.3%	33.3% #ABA53D	RGB 171 165 61	#ABA53D
50.0%	50.0% #B8B35B	RGB 184 179 91	#B8B35B
66.7%	66.7% #C5C179	RGB 197 193 121	#C5C179
83.3%	83.3% #D2CF97	RGB 210 207 151	#D2CF97
100.0%	100.0% #DFDDB6	RGB 223 221 182	#DFDDB6

#918901 #9E971F #ABA53D #B8B35B #C5C179 #D2CF97 #DFDDB6

#918901 - #DFDDB6

HSV Blend

#918901 - #DFDDB6 | 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 #918901 as 0% and #DFDDB6 as 100%.

0.0%	0.0% #918901	RGB 145 137 1	#918901
16.7%	16.7% #9E9616	RGB 158 150 22	#9E9616
33.3%	33.3% #ABA42F	RGB 171 164 47	#ABA42F
50.0%	50.0% #B8B24B	RGB 184 178 75	#B8B24B
66.7%	66.7% #C5C06B	RGB 197 192 107	#C5C06B
83.3%	83.3% #D2CE8F	RGB 210 206 143	#D2CE8F
100.0%	100.0% #DFDDB6	RGB 223 221 182	#DFDDB6

#918901 #9E9616 #ABA42F #B8B24B #C5C06B #D2CE8F #DFDDB6

#918901 - #B8B24B - #DFDDB6

CSS codes

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

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