#C7A97D - #FFDF9B | 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 #C7A97D to #FFDF9B

#C7A97D #FFDF9B

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

#C7A97D - #FFDF9B | 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 #C7A97D as 0% and #FFDF9B as 100%.

0.0%	0.0% #C7A97D	RGB 199 169 125	#C7A97D
16.7%	16.7% #D0B282	RGB 208 178 130	#D0B282
33.3%	33.3% #D9BB87	RGB 217 187 135	#D9BB87
50.0%	50.0% #E3C48C	RGB 227 196 140	#E3C48C
66.7%	66.7% #ECCD91	RGB 236 205 145	#ECCD91
83.3%	83.3% #F5D696	RGB 245 214 150	#F5D696
100.0%	100.0% #FFDF9B	RGB 255 223 155	#FFDF9B

#C7A97D #D0B282 #D9BB87 #E3C48C #ECCD91 #F5D696 #FFDF9B

#C7A97D - #FFDF9B

HSV Blend

#C7A97D - #FFDF9B | 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 #C7A97D as 0% and #FFDF9B as 100%.

0.0%	0.0% #C7A97D	RGB 199 169 125	#C7A97D
16.7%	16.7% #D0B182	RGB 208 177 130	#D0B182
33.3%	33.3% #D9BA87	RGB 217 186 135	#D9BA87
50.0%	50.0% #E3C38C	RGB 227 195 140	#E3C38C
66.7%	66.7% #ECCC91	RGB 236 204 145	#ECCC91
83.3%	83.3% #F5D596	RGB 245 213 150	#F5D596
100.0%	100.0% #FFDF9B	RGB 255 223 155	#FFDF9B

#C7A97D #D0B182 #D9BA87 #E3C38C #ECCC91 #F5D596 #FFDF9B

#C7A97D - #E3C38C - #FFDF9B

CSS codes

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

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