#9D9F3C - #FCD967 | 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 #9D9F3C to #FCD967

#9D9F3C #FCD967

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

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

0.0%	0.0% #9D9F3C	RGB 157 159 60	#9D9F3C
16.7%	16.7% #ACA843	RGB 172 168 67	#ACA843
33.3%	33.3% #BCB24A	RGB 188 178 74	#BCB24A
50.0%	50.0% #CCBC51	RGB 204 188 81	#CCBC51
66.7%	66.7% #DCC558	RGB 220 197 88	#DCC558
83.3%	83.3% #ECCF5F	RGB 236 207 95	#ECCF5F
100.0%	100.0% #FCD967	RGB 252 217 103	#FCD967

#9D9F3C #ACA843 #BCB24A #CCBC51 #DCC558 #ECCF5F #FCD967

#9D9F3C - #FCD967

HSV Blend

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

0.0%	0.0% #9D9F3C	RGB 157 159 60	#9D9F3C
16.7%	16.7% #AEAC42	RGB 174 172 66	#AEAC42
33.3%	33.3% #BEB649	RGB 190 182 73	#BEB649
50.0%	50.0% #CDC050	RGB 205 192 80	#CDC050
66.7%	66.7% #DDC958	RGB 221 201 88	#DDC958
83.3%	83.3% #ECD15F	RGB 236 209 95	#ECD15F
100.0%	100.0% #FCD967	RGB 252 217 103	#FCD967

#9D9F3C #AEAC42 #BEB649 #CDC050 #DDC958 #ECD15F #FCD967

#9D9F3C - #CDC050 - #FCD967

CSS codes

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

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