#CECF7B - #ADA52C | 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 #CECF7B to #ADA52C

#CECF7B #ADA52C

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

#CECF7B - #ADA52C | 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 #CECF7B as 0% and #ADA52C as 100%.

0.0%	0.0% #CECF7B	RGB 206 207 123	#CECF7B
16.7%	16.7% #C8C86D	RGB 200 200 109	#C8C86D
33.3%	33.3% #C3C160	RGB 195 193 96	#C3C160
50.0%	50.0% #BDBA53	RGB 189 186 83	#BDBA53
66.7%	66.7% #B8B346	RGB 184 179 70	#B8B346
83.3%	83.3% #B2AC39	RGB 178 172 57	#B2AC39
100.0%	100.0% #ADA52C	RGB 173 165 44	#ADA52C

#CECF7B #C8C86D #C3C160 #BDBA53 #B8B346 #B2AC39 #ADA52C

#CECF7B - #ADA52C

HSV Blend

#CECF7B - #ADA52C | 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 #CECF7B as 0% and #ADA52C as 100%.

0.0%	0.0% #CECF7B	RGB 206 207 123	#CECF7B
16.7%	16.7% #C9C96C	RGB 201 201 108	#C9C96C
33.3%	33.3% #C3C25E	RGB 195 194 94	#C3C25E
50.0%	50.0% #BEBB50	RGB 190 187 80	#BEBB50
66.7%	66.7% #B8B343	RGB 184 179 67	#B8B343
83.3%	83.3% #B2AC37	RGB 178 172 55	#B2AC37
100.0%	100.0% #ADA52C	RGB 173 165 44	#ADA52C

#CECF7B #C9C96C #C3C25E #BEBB50 #B8B343 #B2AC37 #ADA52C

#CECF7B - #BEBB50 - #ADA52C

CSS codes

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

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