#CFC77D - #ADA52D | 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 #CFC77D to #ADA52D

#CFC77D #ADA52D

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

#CFC77D - #ADA52D | 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 #CFC77D as 0% and #ADA52D as 100%.

0.0%	0.0% #CFC77D	RGB 207 199 125	#CFC77D
16.7%	16.7% #C9C16F	RGB 201 193 111	#C9C16F
33.3%	33.3% #C3BB62	RGB 195 187 98	#C3BB62
50.0%	50.0% #BEB655	RGB 190 182 85	#BEB655
66.7%	66.7% #B8B047	RGB 184 176 71	#B8B047
83.3%	83.3% #B2AA3A	RGB 178 170 58	#B2AA3A
100.0%	100.0% #ADA52D	RGB 173 165 45	#ADA52D

#CFC77D #C9C16F #C3BB62 #BEB655 #B8B047 #B2AA3A #ADA52D

#CFC77D - #ADA52D

HSV Blend

#CFC77D - #ADA52D | 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 #CFC77D as 0% and #ADA52D as 100%.

0.0%	0.0% #CFC77D	RGB 207 199 125	#CFC77D
16.7%	16.7% #C9C06E	RGB 201 192 110	#C9C06E
33.3%	33.3% #C3BB5F	RGB 195 187 95	#C3BB5F
50.0%	50.0% #BEB552	RGB 190 181 82	#BEB552
66.7%	66.7% #B8AF45	RGB 184 175 69	#B8AF45
83.3%	83.3% #B2AA38	RGB 178 170 56	#B2AA38
100.0%	100.0% #ADA52D	RGB 173 165 45	#ADA52D

#CFC77D #C9C06E #C3BB5F #BEB552 #B8AF45 #B2AA38 #ADA52D

#CFC77D - #BEB552 - #ADA52D

CSS codes

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

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