#C7BD6D - #EFECD5 | 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 #C7BD6D to #EFECD5

#C7BD6D #EFECD5

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

#C7BD6D - #EFECD5 | 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 #C7BD6D as 0% and #EFECD5 as 100%.

0.0%	0.0% #C7BD6D	RGB 199 189 109	#C7BD6D
16.7%	16.7% #CDC47E	RGB 205 196 126	#CDC47E
33.3%	33.3% #D4CC8F	RGB 212 204 143	#D4CC8F
50.0%	50.0% #DBD4A1	RGB 219 212 161	#DBD4A1
66.7%	66.7% #E1DCB2	RGB 225 220 178	#E1DCB2
83.3%	83.3% #E8E4C3	RGB 232 228 195	#E8E4C3
100.0%	100.0% #EFECD5	RGB 239 236 213	#EFECD5

#C7BD6D #CDC47E #D4CC8F #DBD4A1 #E1DCB2 #E8E4C3 #EFECD5

#C7BD6D - #EFECD5

HSV Blend

#C7BD6D - #EFECD5 | 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 #C7BD6D as 0% and #EFECD5 as 100%.

0.0%	0.0% #C7BD6D	RGB 199 189 109	#C7BD6D
16.7%	16.7% #CDC47C	RGB 205 196 124	#CDC47C
33.3%	33.3% #D4CC8C	RGB 212 204 140	#D4CC8C
50.0%	50.0% #DBD49D	RGB 219 212 157	#DBD49D
66.7%	66.7% #E1DBAF	RGB 225 219 175	#E1DBAF
83.3%	83.3% #E8E3C1	RGB 232 227 193	#E8E3C1
100.0%	100.0% #EFECD5	RGB 239 236 213	#EFECD5

#C7BD6D #CDC47C #D4CC8C #DBD49D #E1DBAF #E8E3C1 #EFECD5

#C7BD6D - #DBD49D - #EFECD5

CSS codes

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

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