#D4D9C8 - #96AF76 | 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 #D4D9C8 to #96AF76

#D4D9C8 #96AF76

Calculate the color between two colors, #D4D9C8 and #96AF76. 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)

#D4D9C8 - #96AF76 | 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 #D4D9C8 as 0% and #96AF76 as 100%.

0.0%	0.0% #D4D9C8	RGB 212 217 200	#D4D9C8
16.7%	16.7% #C9D2BA	RGB 201 210 186	#C9D2BA
33.3%	33.3% #BFCBAC	RGB 191 203 172	#BFCBAC
50.0%	50.0% #B5C49F	RGB 181 196 159	#B5C49F
66.7%	66.7% #AABD91	RGB 170 189 145	#AABD91
83.3%	83.3% #A0B683	RGB 160 182 131	#A0B683
100.0%	100.0% #96AF76	RGB 150 175 118	#96AF76

#D4D9C8 #C9D2BA #BFCBAC #B5C49F #AABD91 #A0B683 #96AF76

#D4D9C8 - #96AF76

HSV Blend

#D4D9C8 - #96AF76 | 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 #D4D9C8 as 0% and #96AF76 as 100%.

0.0%	0.0% #D4D9C8	RGB 212 217 200	#D4D9C8
16.7%	16.7% #CAD2B8	RGB 202 210 184	#CAD2B8
33.3%	33.3% #BFCBAA	RGB 191 203 170	#BFCBAA
50.0%	50.0% #B5C49C	RGB 181 196 156	#B5C49C
66.7%	66.7% #ABBD8F	RGB 171 189 143	#ABBD8F
83.3%	83.3% #A0B682	RGB 160 182 130	#A0B682
100.0%	100.0% #96AF76	RGB 150 175 118	#96AF76

#D4D9C8 #CAD2B8 #BFCBAA #B5C49C #ABBD8F #A0B682 #96AF76

#D4D9C8 - #B5C49C - #96AF76

CSS codes

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

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