#D4D9C2 - #94A96F | 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 #D4D9C2 to #94A96F

#D4D9C2 #94A96F

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

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

0.0%	0.0% #D4D9C2	RGB 212 217 194	#D4D9C2
16.7%	16.7% #C9D1B4	RGB 201 209 180	#C9D1B4
33.3%	33.3% #BEC9A6	RGB 190 201 166	#BEC9A6
50.0%	50.0% #B4C198	RGB 180 193 152	#B4C198
66.7%	66.7% #A9B98A	RGB 169 185 138	#A9B98A
83.3%	83.3% #9EB17C	RGB 158 177 124	#9EB17C
100.0%	100.0% #94A96F	RGB 148 169 111	#94A96F

#D4D9C2 #C9D1B4 #BEC9A6 #B4C198 #A9B98A #9EB17C #94A96F

#D4D9C2 - #94A96F

HSV Blend

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

0.0%	0.0% #D4D9C2	RGB 212 217 194	#D4D9C2
16.7%	16.7% #C9D1B2	RGB 201 209 178	#C9D1B2
33.3%	33.3% #BFC9A3	RGB 191 201 163	#BFC9A3
50.0%	50.0% #B4C195	RGB 180 193 149	#B4C195
66.7%	66.7% #A9B988	RGB 169 185 136	#A9B988
83.3%	83.3% #9EB17B	RGB 158 177 123	#9EB17B
100.0%	100.0% #94A96F	RGB 148 169 111	#94A96F

#D4D9C2 #C9D1B2 #BFC9A3 #B4C195 #A9B988 #9EB17B #94A96F

#D4D9C2 - #B4C195 - #94A96F

CSS codes

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

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