#C7B95E - #FFFD7D | 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 #C7B95E to #FFFD7D

#C7B95E #FFFD7D

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

#C7B95E - #FFFD7D | 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 #C7B95E as 0% and #FFFD7D as 100%.

0.0%	0.0% #C7B95E	RGB 199 185 94	#C7B95E
16.7%	16.7% #D0C463	RGB 208 196 99	#D0C463
33.3%	33.3% #D9CF68	RGB 217 207 104	#D9CF68
50.0%	50.0% #E3DB6D	RGB 227 219 109	#E3DB6D
66.7%	66.7% #ECE672	RGB 236 230 114	#ECE672
83.3%	83.3% #F5F177	RGB 245 241 119	#F5F177
100.0%	100.0% #FFFD7D	RGB 255 253 125	#FFFD7D

#C7B95E #D0C463 #D9CF68 #E3DB6D #ECE672 #F5F177 #FFFD7D

#C7B95E - #FFFD7D

HSV Blend

#C7B95E - #FFFD7D | 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 #C7B95E as 0% and #FFFD7D as 100%.

0.0%	0.0% #C7B95E	RGB 199 185 94	#C7B95E
16.7%	16.7% #D0C363	RGB 208 195 99	#D0C363
33.3%	33.3% #D9CE68	RGB 217 206 104	#D9CE68
50.0%	50.0% #E3DA6D	RGB 227 218 109	#E3DA6D
66.7%	66.7% #ECE572	RGB 236 229 114	#ECE572
83.3%	83.3% #F5F177	RGB 245 241 119	#F5F177
100.0%	100.0% #FFFD7D	RGB 255 253 125	#FFFD7D

#C7B95E #D0C363 #D9CE68 #E3DA6D #ECE572 #F5F177 #FFFD7D

#C7B95E - #E3DA6D - #FFFD7D

CSS codes

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

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