#CEC98C - #A7943A | 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 #CEC98C to #A7943A

#CEC98C #A7943A

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

#CEC98C - #A7943A | 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 #CEC98C as 0% and #A7943A as 100%.

0.0%	0.0% #CEC98C	RGB 206 201 140	#CEC98C
16.7%	16.7% #C7C07E	RGB 199 192 126	#C7C07E
33.3%	33.3% #C1B770	RGB 193 183 112	#C1B770
50.0%	50.0% #BAAE63	RGB 186 174 99	#BAAE63
66.7%	66.7% #B4A555	RGB 180 165 85	#B4A555
83.3%	83.3% #AD9C47	RGB 173 156 71	#AD9C47
100.0%	100.0% #A7943A	RGB 167 148 58	#A7943A

#CEC98C #C7C07E #C1B770 #BAAE63 #B4A555 #AD9C47 #A7943A

#CEC98C - #A7943A

HSV Blend

#CEC98C - #A7943A | 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 #CEC98C as 0% and #A7943A as 100%.

0.0%	0.0% #CEC98C	RGB 206 201 140	#CEC98C
16.7%	16.7% #C7C07C	RGB 199 192 124	#C7C07C
33.3%	33.3% #C1B76D	RGB 193 183 109	#C1B76D
50.0%	50.0% #BAAF5F	RGB 186 175 95	#BAAF5F
66.7%	66.7% #B4A652	RGB 180 166 82	#B4A652
83.3%	83.3% #AD9D45	RGB 173 157 69	#AD9D45
100.0%	100.0% #A7943A	RGB 167 148 58	#A7943A

#CEC98C #C7C07C #C1B76D #BAAF5F #B4A652 #AD9D45 #A7943A

#CEC98C - #BAAF5F - #A7943A

CSS codes

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

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