#C7B15B - #FFE07C | 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 #C7B15B to #FFE07C

#C7B15B #FFE07C

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

#C7B15B - #FFE07C | 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 #C7B15B as 0% and #FFE07C as 100%.

0.0%	0.0% #C7B15B	RGB 199 177 91	#C7B15B
16.7%	16.7% #D0B860	RGB 208 184 96	#D0B860
33.3%	33.3% #D9C066	RGB 217 192 102	#D9C066
50.0%	50.0% #E3C86B	RGB 227 200 107	#E3C86B
66.7%	66.7% #ECD071	RGB 236 208 113	#ECD071
83.3%	83.3% #F5D876	RGB 245 216 118	#F5D876
100.0%	100.0% #FFE07C	RGB 255 224 124	#FFE07C

#C7B15B #D0B860 #D9C066 #E3C86B #ECD071 #F5D876 #FFE07C

#C7B15B - #FFE07C

HSV Blend

#C7B15B - #FFE07C | 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 #C7B15B as 0% and #FFE07C as 100%.

0.0%	0.0% #C7B15B	RGB 199 177 91	#C7B15B
16.7%	16.7% #D0B860	RGB 208 184 96	#D0B860
33.3%	33.3% #D9C065	RGB 217 192 101	#D9C065
50.0%	50.0% #E3C86B	RGB 227 200 107	#E3C86B
66.7%	66.7% #ECD070	RGB 236 208 112	#ECD070
83.3%	83.3% #F5D876	RGB 245 216 118	#F5D876
100.0%	100.0% #FFE07C	RGB 255 224 124	#FFE07C

#C7B15B #D0B860 #D9C065 #E3C86B #ECD070 #F5D876 #FFE07C

#C7B15B - #E3C86B - #FFE07C

CSS codes

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

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