#CBA56C - #FFDD8C | 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 #CBA56C to #FFDD8C

#CBA56C #FFDD8C

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

#CBA56C - #FFDD8C | 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 #CBA56C as 0% and #FFDD8C as 100%.

0.0%	0.0% #CBA56C	RGB 203 165 108	#CBA56C
16.7%	16.7% #D3AE71	RGB 211 174 113	#D3AE71
33.3%	33.3% #DCB776	RGB 220 183 118	#DCB776
50.0%	50.0% #E5C17C	RGB 229 193 124	#E5C17C
66.7%	66.7% #EDCA81	RGB 237 202 129	#EDCA81
83.3%	83.3% #F6D386	RGB 246 211 134	#F6D386
100.0%	100.0% #FFDD8C	RGB 255 221 140	#FFDD8C

#CBA56C #D3AE71 #DCB776 #E5C17C #EDCA81 #F6D386 #FFDD8C

#CBA56C - #FFDD8C

HSV Blend

#CBA56C - #FFDD8C | 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 #CBA56C as 0% and #FFDD8C as 100%.

0.0%	0.0% #CBA56C	RGB 203 165 108	#CBA56C
16.7%	16.7% #D3AD71	RGB 211 173 113	#D3AD71
33.3%	33.3% #DCB776	RGB 220 183 118	#DCB776
50.0%	50.0% #E5C07B	RGB 229 192 123	#E5C07B
66.7%	66.7% #EDC981	RGB 237 201 129	#EDC981
83.3%	83.3% #F6D386	RGB 246 211 134	#F6D386
100.0%	100.0% #FFDD8C	RGB 255 221 140	#FFDD8C

#CBA56C #D3AD71 #DCB776 #E5C07B #EDC981 #F6D386 #FFDD8C

#CBA56C - #E5C07B - #FFDD8C

CSS codes

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

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