#CBA27D - #FFDE9C | 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 #CBA27D to #FFDE9C

#CBA27D #FFDE9C

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

#CBA27D - #FFDE9C | 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 #CBA27D as 0% and #FFDE9C as 100%.

0.0%	0.0% #CBA27D	RGB 203 162 125	#CBA27D
16.7%	16.7% #D3AC82	RGB 211 172 130	#D3AC82
33.3%	33.3% #DCB687	RGB 220 182 135	#DCB687
50.0%	50.0% #E5C08C	RGB 229 192 140	#E5C08C
66.7%	66.7% #EDCA91	RGB 237 202 145	#EDCA91
83.3%	83.3% #F6D496	RGB 246 212 150	#F6D496
100.0%	100.0% #FFDE9C	RGB 255 222 156	#FFDE9C

#CBA27D #D3AC82 #DCB687 #E5C08C #EDCA91 #F6D496 #FFDE9C

#CBA27D - #FFDE9C

HSV Blend

#CBA27D - #FFDE9C | 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 #CBA27D as 0% and #FFDE9C as 100%.

0.0%	0.0% #CBA27D	RGB 203 162 125	#CBA27D
16.7%	16.7% #D3AB82	RGB 211 171 130	#D3AB82
33.3%	33.3% #DCB587	RGB 220 181 135	#DCB587
50.0%	50.0% #E5BF8C	RGB 229 191 140	#E5BF8C
66.7%	66.7% #EDC991	RGB 237 201 145	#EDC991
83.3%	83.3% #F6D396	RGB 246 211 150	#F6D396
100.0%	100.0% #FFDE9C	RGB 255 222 156	#FFDE9C

#CBA27D #D3AB82 #DCB587 #E5BF8C #EDC991 #F6D396 #FFDE9C

#CBA27D - #E5BF8C - #FFDE9C

CSS codes

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

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