#D6CE5E - #B0991C | 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 #D6CE5E to #B0991C

#D6CE5E #B0991C

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

#D6CE5E - #B0991C | 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 #D6CE5E as 0% and #B0991C as 100%.

0.0%	0.0% #D6CE5E	RGB 214 206 94	#D6CE5E
16.7%	16.7% #CFC553	RGB 207 197 83	#CFC553
33.3%	33.3% #C9BC48	RGB 201 188 72	#C9BC48
50.0%	50.0% #C3B33D	RGB 195 179 61	#C3B33D
66.7%	66.7% #BCAA32	RGB 188 170 50	#BCAA32
83.3%	83.3% #B6A127	RGB 182 161 39	#B6A127
100.0%	100.0% #B0991C	RGB 176 153 28	#B0991C

#D6CE5E #CFC553 #C9BC48 #C3B33D #BCAA32 #B6A127 #B0991C

#D6CE5E - #B0991C

HSV Blend

#D6CE5E - #B0991C | 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 #D6CE5E as 0% and #B0991C as 100%.

0.0%	0.0% #D6CE5E	RGB 214 206 94	#D6CE5E
16.7%	16.7% #CFC551	RGB 207 197 81	#CFC551
33.3%	33.3% #C9BC45	RGB 201 188 69	#C9BC45
50.0%	50.0% #C3B33A	RGB 195 179 58	#C3B33A
66.7%	66.7% #BCAA2F	RGB 188 170 47	#BCAA2F
83.3%	83.3% #B6A125	RGB 182 161 37	#B6A125
100.0%	100.0% #B0991C	RGB 176 153 28	#B0991C

#D6CE5E #CFC551 #C9BC45 #C3B33A #BCAA2F #B6A125 #B0991C

#D6CE5E - #C3B33A - #B0991C

CSS codes

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

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