#CEC93D - #A38F10 | 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 #CEC93D to #A38F10

#CEC93D #A38F10

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

#CEC93D - #A38F10 | 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 #CEC93D as 0% and #A38F10 as 100%.

0.0%	0.0% #CEC93D	RGB 206 201 61	#CEC93D
16.7%	16.7% #C6BF35	RGB 198 191 53	#C6BF35
33.3%	33.3% #BFB52E	RGB 191 181 46	#BFB52E
50.0%	50.0% #B8AC26	RGB 184 172 38	#B8AC26
66.7%	66.7% #B1A21F	RGB 177 162 31	#B1A21F
83.3%	83.3% #AA9817	RGB 170 152 23	#AA9817
100.0%	100.0% #A38F10	RGB 163 143 16	#A38F10

#CEC93D #C6BF35 #BFB52E #B8AC26 #B1A21F #AA9817 #A38F10

#CEC93D - #A38F10

HSV Blend

#CEC93D - #A38F10 | 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 #CEC93D as 0% and #A38F10 as 100%.

0.0%	0.0% #CEC93D	RGB 206 201 61	#CEC93D
16.7%	16.7% #C6BF34	RGB 198 191 52	#C6BF34
33.3%	33.3% #BFB52C	RGB 191 181 44	#BFB52C
50.0%	50.0% #B8AB24	RGB 184 171 36	#B8AB24
66.7%	66.7% #B1A21D	RGB 177 162 29	#B1A21D
83.3%	83.3% #AA9816	RGB 170 152 22	#AA9816
100.0%	100.0% #A38F10	RGB 163 143 16	#A38F10

#CEC93D #C6BF34 #BFB52C #B8AB24 #B1A21D #AA9816 #A38F10

#CEC93D - #B8AB24 - #A38F10

CSS codes

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

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