#78916C - #CDAC8C | 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 #78916C to #CDAC8C

#78916C #CDAC8C

Calculate the color between two colors, #78916C and #CDAC8C. 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)

#78916C - #CDAC8C | 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 #78916C as 0% and #CDAC8C as 100%.

0.0%	0.0% #78916C	RGB 120 145 108	#78916C
16.7%	16.7% #869571	RGB 134 149 113	#869571
33.3%	33.3% #949A76	RGB 148 154 118	#949A76
50.0%	50.0% #A29E7C	RGB 162 158 124	#A29E7C
66.7%	66.7% #B0A381	RGB 176 163 129	#B0A381
83.3%	83.3% #BEA786	RGB 190 167 134	#BEA786
100.0%	100.0% #CDAC8C	RGB 205 172 140	#CDAC8C

#78916C #869571 #949A76 #A29E7C #B0A381 #BEA786 #CDAC8C

#78916C - #CDAC8C

HSV Blend

#78916C - #CDAC8C | 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 #78916C as 0% and #CDAC8C as 100%.

0.0%	0.0% #78916C	RGB 120 145 108	#78916C
16.7%	16.7% #879B71	RGB 135 155 113	#879B71
33.3%	33.3% #98A577	RGB 152 165 119	#98A577
50.0%	50.0% #AAAF7C	RGB 170 175 124	#AAAF7C
66.7%	66.7% #B9B282	RGB 185 178 130	#B9B282
83.3%	83.3% #C3B087	RGB 195 176 135	#C3B087
100.0%	100.0% #CDAC8C	RGB 205 172 140	#CDAC8C

#78916C #879B71 #98A577 #AAAF7C #B9B282 #C3B087 #CDAC8C

#78916C - #AAAF7C - #CDAC8C

CSS codes

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

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