#CDAC7B - #AB7C2B | 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 #CDAC7B to #AB7C2B

#CDAC7B #AB7C2B

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

#CDAC7B - #AB7C2B | 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 #CDAC7B as 0% and #AB7C2B as 100%.

0.0%	0.0% #CDAC7B	RGB 205 172 123	#CDAC7B
16.7%	16.7% #C7A46D	RGB 199 164 109	#C7A46D
33.3%	33.3% #C19C60	RGB 193 156 96	#C19C60
50.0%	50.0% #BC9453	RGB 188 148 83	#BC9453
66.7%	66.7% #B68C45	RGB 182 140 69	#B68C45
83.3%	83.3% #B08438	RGB 176 132 56	#B08438
100.0%	100.0% #AB7C2B	RGB 171 124 43	#AB7C2B

#CDAC7B #C7A46D #C19C60 #BC9453 #B68C45 #B08438 #AB7C2B

#CDAC7B - #AB7C2B

HSV Blend

#CDAC7B - #AB7C2B | 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 #CDAC7B as 0% and #AB7C2B as 100%.

0.0%	0.0% #CDAC7B	RGB 205 172 123	#CDAC7B
16.7%	16.7% #C7A36C	RGB 199 163 108	#C7A36C
33.3%	33.3% #C19A5D	RGB 193 154 93	#C19A5D
50.0%	50.0% #BC9250	RGB 188 146 80	#BC9250
66.7%	66.7% #B68A43	RGB 182 138 67	#B68A43
83.3%	83.3% #B08336	RGB 176 131 54	#B08336
100.0%	100.0% #AB7C2B	RGB 171 124 43	#AB7C2B

#CDAC7B #C7A36C #C19A5D #BC9250 #B68A43 #B08336 #AB7C2B

#CDAC7B - #BC9250 - #AB7C2B

CSS codes

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

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