#9A9968 - #FFD281 | 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 #9A9968 to #FFD281

#9A9968 #FFD281

Calculate the color between two colors, #9A9968 and #FFD281. 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)

#9A9968 - #FFD281 | 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 #9A9968 as 0% and #FFD281 as 100%.

0.0%	0.0% #9A9968	RGB 154 153 104	#9A9968
16.7%	16.7% #AAA26C	RGB 170 162 108	#AAA26C
33.3%	33.3% #BBAC70	RGB 187 172 112	#BBAC70
50.0%	50.0% #CCB574	RGB 204 181 116	#CCB574
66.7%	66.7% #DDBF78	RGB 221 191 120	#DDBF78
83.3%	83.3% #EEC87C	RGB 238 200 124	#EEC87C
100.0%	100.0% #FFD281	RGB 255 210 129	#FFD281

#9A9968 #AAA26C #BBAC70 #CCB574 #DDBF78 #EEC87C #FFD281

#9A9968 - #FFD281

HSV Blend

#9A9968 - #FFD281 | 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 #9A9968 as 0% and #FFD281 as 100%.

0.0%	0.0% #9A9968	RGB 154 153 104	#9A9968
16.7%	16.7% #AAA66E	RGB 170 166 110	#AAA66E
33.3%	33.3% #BBB274	RGB 187 178 116	#BBB274
50.0%	50.0% #CCBC78	RGB 204 188 120	#CCBC78
66.7%	66.7% #DDC57C	RGB 221 197 124	#DDC57C
83.3%	83.3% #EECC7F	RGB 238 204 127	#EECC7F
100.0%	100.0% #FFD281	RGB 255 210 129	#FFD281

#9A9968 #AAA66E #BBB274 #CCBC78 #DDC57C #EECC7F #FFD281

#9A9968 - #CCBC78 - #FFD281

CSS codes

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

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