#D6CC5E - #B0961C | 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 #D6CC5E to #B0961C

#D6CC5E #B0961C

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

#D6CC5E - #B0961C | 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 #D6CC5E as 0% and #B0961C as 100%.

0.0%	0.0% #D6CC5E	RGB 214 204 94	#D6CC5E
16.7%	16.7% #CFC353	RGB 207 195 83	#CFC353
33.3%	33.3% #C9BA48	RGB 201 186 72	#C9BA48
50.0%	50.0% #C3B13D	RGB 195 177 61	#C3B13D
66.7%	66.7% #BCA832	RGB 188 168 50	#BCA832
83.3%	83.3% #B69F27	RGB 182 159 39	#B69F27
100.0%	100.0% #B0961C	RGB 176 150 28	#B0961C

#D6CC5E #CFC353 #C9BA48 #C3B13D #BCA832 #B69F27 #B0961C

#D6CC5E - #B0961C

HSV Blend

#D6CC5E - #B0961C | 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 #D6CC5E as 0% and #B0961C as 100%.

0.0%	0.0% #D6CC5E	RGB 214 204 94	#D6CC5E
16.7%	16.7% #CFC351	RGB 207 195 81	#CFC351
33.3%	33.3% #C9BA45	RGB 201 186 69	#C9BA45
50.0%	50.0% #C3B13A	RGB 195 177 58	#C3B13A
66.7%	66.7% #BCA82F	RGB 188 168 47	#BCA82F
83.3%	83.3% #B69F25	RGB 182 159 37	#B69F25
100.0%	100.0% #B0961C	RGB 176 150 28	#B0961C

#D6CC5E #CFC351 #C9BA45 #C3B13A #BCA82F #B69F25 #B0961C

#D6CC5E - #C3B13A - #B0961C

CSS codes

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

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