#D4CCA8 - #919C4D | 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 #D4CCA8 to #919C4D

#D4CCA8 #919C4D

Calculate the color between two colors, #D4CCA8 and #919C4D. 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)

#D4CCA8 - #919C4D | 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 #D4CCA8 as 0% and #919C4D as 100%.

0.0%	0.0% #D4CCA8	RGB 212 204 168	#D4CCA8
16.7%	16.7% #C8C498	RGB 200 196 152	#C8C498
33.3%	33.3% #BDBC89	RGB 189 188 137	#BDBC89
50.0%	50.0% #B2B47A	RGB 178 180 122	#B2B47A
66.7%	66.7% #A7AC6B	RGB 167 172 107	#A7AC6B
83.3%	83.3% #9CA45C	RGB 156 164 92	#9CA45C
100.0%	100.0% #919C4D	RGB 145 156 77	#919C4D

#D4CCA8 #C8C498 #BDBC89 #B2B47A #A7AC6B #9CA45C #919C4D

#D4CCA8 - #919C4D

HSV Blend

#D4CCA8 - #919C4D | 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 #D4CCA8 as 0% and #919C4D as 100%.

0.0%	0.0% #D4CCA8	RGB 212 204 168	#D4CCA8
16.7%	16.7% #CAC396	RGB 202 195 150	#CAC396
33.3%	33.3% #C1BC85	RGB 193 188 133	#C1BC85
50.0%	50.0% #B8B676	RGB 184 182 118	#B8B676
66.7%	66.7% #ACAE67	RGB 172 174 103	#ACAE67
83.3%	83.3% #9EA559	RGB 158 165 89	#9EA559
100.0%	100.0% #919C4D	RGB 145 156 77	#919C4D

#D4CCA8 #CAC396 #C1BC85 #B8B676 #ACAE67 #9EA559 #919C4D

#D4CCA8 - #B8B676 - #919C4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4CCA8 0%, #B8B676 50%, #919C4D 100%);
    background: -webkit-linear-gradient(top, #D4CCA8 0%, #B8B676 50%, #919C4D 100%);
    background: linear-gradient(to bottom, #D4CCA8 0%, #B8B676 50%, #919C4D 100%);
}
</style>