#D1D9A1 - #94AB4C | 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 #D1D9A1 to #94AB4C

#D1D9A1 #94AB4C

Calculate the color between two colors, #D1D9A1 and #94AB4C. 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)

#D1D9A1 - #94AB4C | 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 #D1D9A1 as 0% and #94AB4C as 100%.

0.0%	0.0% #D1D9A1	RGB 209 217 161	#D1D9A1
16.7%	16.7% #C6D192	RGB 198 209 146	#C6D192
33.3%	33.3% #BCC984	RGB 188 201 132	#BCC984
50.0%	50.0% #B2C276	RGB 178 194 118	#B2C276
66.7%	66.7% #A8BA68	RGB 168 186 104	#A8BA68
83.3%	83.3% #9EB25A	RGB 158 178 90	#9EB25A
100.0%	100.0% #94AB4C	RGB 148 171 76	#94AB4C

#D1D9A1 #C6D192 #BCC984 #B2C276 #A8BA68 #9EB25A #94AB4C

#D1D9A1 - #94AB4C

HSV Blend

#D1D9A1 - #94AB4C | 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 #D1D9A1 as 0% and #94AB4C as 100%.

0.0%	0.0% #D1D9A1	RGB 209 217 161	#D1D9A1
16.7%	16.7% #C7D190	RGB 199 209 144	#C7D190
33.3%	33.3% #BCC981	RGB 188 201 129	#BCC981
50.0%	50.0% #B2C273	RGB 178 194 115	#B2C273
66.7%	66.7% #A8BA65	RGB 168 186 101	#A8BA65
83.3%	83.3% #9EB258	RGB 158 178 88	#9EB258
100.0%	100.0% #94AB4C	RGB 148 171 76	#94AB4C

#D1D9A1 #C7D190 #BCC981 #B2C273 #A8BA65 #9EB258 #94AB4C

#D1D9A1 - #B2C273 - #94AB4C

CSS codes

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

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