#D4C2B8 - #978064 | 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 #D4C2B8 to #978064

#D4C2B8 #978064

Calculate the color between two colors, #D4C2B8 and #978064. 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)

#D4C2B8 - #978064 | 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 #D4C2B8 as 0% and #978064 as 100%.

0.0%	0.0% #D4C2B8	RGB 212 194 184	#D4C2B8
16.7%	16.7% #C9B7AA	RGB 201 183 170	#C9B7AA
33.3%	33.3% #BFAC9C	RGB 191 172 156	#BFAC9C
50.0%	50.0% #B5A18E	RGB 181 161 142	#B5A18E
66.7%	66.7% #AB9680	RGB 171 150 128	#AB9680
83.3%	83.3% #A18B72	RGB 161 139 114	#A18B72
100.0%	100.0% #978064	RGB 151 128 100	#978064

#D4C2B8 #C9B7AA #BFAC9C #B5A18E #AB9680 #A18B72 #978064

#D4C2B8 - #978064

HSV Blend

#D4C2B8 - #978064 | 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 #D4C2B8 as 0% and #978064 as 100%.

0.0%	0.0% #D4C2B8	RGB 212 194 184	#D4C2B8
16.7%	16.7% #C9B5A8	RGB 201 181 168	#C9B5A8
33.3%	33.3% #BFA999	RGB 191 169 153	#BFA999
50.0%	50.0% #B59E8A	RGB 181 158 138	#B59E8A
66.7%	66.7% #AB937D	RGB 171 147 125	#AB937D
83.3%	83.3% #A18970	RGB 161 137 112	#A18970
100.0%	100.0% #978064	RGB 151 128 100	#978064

#D4C2B8 #C9B5A8 #BFA999 #B59E8A #AB937D #A18970 #978064

#D4C2B8 - #B59E8A - #978064

CSS codes

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

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