#C0B76B - #EDEAD4 | 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 #C0B76B to #EDEAD4

#C0B76B #EDEAD4

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

#C0B76B - #EDEAD4 | 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 #C0B76B as 0% and #EDEAD4 as 100%.

0.0%	0.0% #C0B76B	RGB 192 183 107	#C0B76B
16.7%	16.7% #C7BF7C	RGB 199 191 124	#C7BF7C
33.3%	33.3% #CFC88E	RGB 207 200 142	#CFC88E
50.0%	50.0% #D6D09F	RGB 214 208 159	#D6D09F
66.7%	66.7% #DED9B1	RGB 222 217 177	#DED9B1
83.3%	83.3% #E5E1C2	RGB 229 225 194	#E5E1C2
100.0%	100.0% #EDEAD4	RGB 237 234 212	#EDEAD4

#C0B76B #C7BF7C #CFC88E #D6D09F #DED9B1 #E5E1C2 #EDEAD4

#C0B76B - #EDEAD4

HSV Blend

#C0B76B - #EDEAD4 | 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 #C0B76B as 0% and #EDEAD4 as 100%.

0.0%	0.0% #C0B76B	RGB 192 183 107	#C0B76B
16.7%	16.7% #C7BF7A	RGB 199 191 122	#C7BF7A
33.3%	33.3% #CFC78A	RGB 207 199 138	#CFC78A
50.0%	50.0% #D6CF9B	RGB 214 207 155	#D6CF9B
66.7%	66.7% #DED8AD	RGB 222 216 173	#DED8AD
83.3%	83.3% #E5E1C0	RGB 229 225 192	#E5E1C0
100.0%	100.0% #EDEAD4	RGB 237 234 212	#EDEAD4

#C0B76B #C7BF7A #CFC78A #D6CF9B #DED8AD #E5E1C0 #EDEAD4

#C0B76B - #D6CF9B - #EDEAD4

CSS codes

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

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