#CDCD91 - #A49B3E | 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 #CDCD91 to #A49B3E

#CDCD91 #A49B3E

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

#CDCD91 - #A49B3E | 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 #CDCD91 as 0% and #A49B3E as 100%.

0.0%	0.0% #CDCD91	RGB 205 205 145	#CDCD91
16.7%	16.7% #C6C483	RGB 198 196 131	#C6C483
33.3%	33.3% #BFBC75	RGB 191 188 117	#BFBC75
50.0%	50.0% #B8B467	RGB 184 180 103	#B8B467
66.7%	66.7% #B1AB59	RGB 177 171 89	#B1AB59
83.3%	83.3% #AAA34B	RGB 170 163 75	#AAA34B
100.0%	100.0% #A49B3E	RGB 164 155 62	#A49B3E

#CDCD91 #C6C483 #BFBC75 #B8B467 #B1AB59 #AAA34B #A49B3E

#CDCD91 - #A49B3E

HSV Blend

#CDCD91 - #A49B3E | 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 #CDCD91 as 0% and #A49B3E as 100%.

0.0%	0.0% #CDCD91	RGB 205 205 145	#CDCD91
16.7%	16.7% #C6C581	RGB 198 197 129	#C6C581
33.3%	33.3% #BFBD72	RGB 191 189 114	#BFBD72
50.0%	50.0% #B8B464	RGB 184 180 100	#B8B464
66.7%	66.7% #B1AC56	RGB 177 172 86	#B1AC56
83.3%	83.3% #AAA349	RGB 170 163 73	#AAA349
100.0%	100.0% #A49B3E	RGB 164 155 62	#A49B3E

#CDCD91 #C6C581 #BFBD72 #B8B464 #B1AC56 #AAA349 #A49B3E

#CDCD91 - #B8B464 - #A49B3E

CSS codes

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

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