#C8C076 - #EFEDD7 | 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 #C8C076 to #EFEDD7

#C8C076 #EFEDD7

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

#C8C076 - #EFEDD7 | 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 #C8C076 as 0% and #EFEDD7 as 100%.

0.0%	0.0% #C8C076	RGB 200 192 118	#C8C076
16.7%	16.7% #CEC786	RGB 206 199 134	#CEC786
33.3%	33.3% #D5CF96	RGB 213 207 150	#D5CF96
50.0%	50.0% #DBD6A6	RGB 219 214 166	#DBD6A6
66.7%	66.7% #E2DEB6	RGB 226 222 182	#E2DEB6
83.3%	83.3% #E8E5C6	RGB 232 229 198	#E8E5C6
100.0%	100.0% #EFEDD7	RGB 239 237 215	#EFEDD7

#C8C076 #CEC786 #D5CF96 #DBD6A6 #E2DEB6 #E8E5C6 #EFEDD7

#C8C076 - #EFEDD7

HSV Blend

#C8C076 - #EFEDD7 | 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 #C8C076 as 0% and #EFEDD7 as 100%.

0.0%	0.0% #C8C076	RGB 200 192 118	#C8C076
16.7%	16.7% #CEC784	RGB 206 199 132	#CEC784
33.3%	33.3% #D5CE93	RGB 213 206 147	#D5CE93
50.0%	50.0% #DBD6A3	RGB 219 214 163	#DBD6A3
66.7%	66.7% #E2DDB3	RGB 226 221 179	#E2DDB3
83.3%	83.3% #E8E5C5	RGB 232 229 197	#E8E5C5
100.0%	100.0% #EFEDD7	RGB 239 237 215	#EFEDD7

#C8C076 #CEC784 #D5CE93 #DBD6A3 #E2DDB3 #E8E5C5 #EFEDD7

#C8C076 - #DBD6A3 - #EFEDD7

CSS codes

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

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