#CFB17C - #AD792C | 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 #CFB17C to #AD792C

#CFB17C #AD792C

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

#CFB17C - #AD792C | 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 #CFB17C as 0% and #AD792C as 100%.

0.0%	0.0% #CFB17C	RGB 207 177 124	#CFB17C
16.7%	16.7% #C9A76E	RGB 201 167 110	#C9A76E
33.3%	33.3% #C39E61	RGB 195 158 97	#C39E61
50.0%	50.0% #BE9554	RGB 190 149 84	#BE9554
66.7%	66.7% #B88B46	RGB 184 139 70	#B88B46
83.3%	83.3% #B28239	RGB 178 130 57	#B28239
100.0%	100.0% #AD792C	RGB 173 121 44	#AD792C

#CFB17C #C9A76E #C39E61 #BE9554 #B88B46 #B28239 #AD792C

#CFB17C - #AD792C

HSV Blend

#CFB17C - #AD792C | 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 #CFB17C as 0% and #AD792C as 100%.

0.0%	0.0% #CFB17C	RGB 207 177 124	#CFB17C
16.7%	16.7% #C9A76D	RGB 201 167 109	#C9A76D
33.3%	33.3% #C39D5E	RGB 195 157 94	#C39D5E
50.0%	50.0% #BE9451	RGB 190 148 81	#BE9451
66.7%	66.7% #B88B44	RGB 184 139 68	#B88B44
83.3%	83.3% #B28137	RGB 178 129 55	#B28137
100.0%	100.0% #AD792C	RGB 173 121 44	#AD792C

#CFB17C #C9A76D #C39D5E #BE9451 #B88B44 #B28137 #AD792C

#CFB17C - #BE9451 - #AD792C

CSS codes

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

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