#CDCD4D - #A39715 | 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 #CDCD4D to #A39715

#CDCD4D #A39715

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

#CDCD4D - #A39715 | 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 #CDCD4D as 0% and #A39715 as 100%.

0.0%	0.0% #CDCD4D	RGB 205 205 77	#CDCD4D
16.7%	16.7% #C6C443	RGB 198 196 67	#C6C443
33.3%	33.3% #BFBB3A	RGB 191 187 58	#BFBB3A
50.0%	50.0% #B8B231	RGB 184 178 49	#B8B231
66.7%	66.7% #B1A927	RGB 177 169 39	#B1A927
83.3%	83.3% #AAA01E	RGB 170 160 30	#AAA01E
100.0%	100.0% #A39715	RGB 163 151 21	#A39715

#CDCD4D #C6C443 #BFBB3A #B8B231 #B1A927 #AAA01E #A39715

#CDCD4D - #A39715

HSV Blend

#CDCD4D - #A39715 | 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 #CDCD4D as 0% and #A39715 as 100%.

0.0%	0.0% #CDCD4D	RGB 205 205 77	#CDCD4D
16.7%	16.7% #C6C442	RGB 198 196 66	#C6C442
33.3%	33.3% #BFBB38	RGB 191 187 56	#BFBB38
50.0%	50.0% #B8B22E	RGB 184 178 46	#B8B22E
66.7%	66.7% #B1A925	RGB 177 169 37	#B1A925
83.3%	83.3% #AAA01C	RGB 170 160 28	#AAA01C
100.0%	100.0% #A39715	RGB 163 151 21	#A39715

#CDCD4D #C6C442 #BFBB38 #B8B22E #B1A925 #AAA01C #A39715

#CDCD4D - #B8B22E - #A39715

CSS codes

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

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