#CBA98D - #FFE2AB | 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 #CBA98D to #FFE2AB

#CBA98D #FFE2AB

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

#CBA98D - #FFE2AB | 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 #CBA98D as 0% and #FFE2AB as 100%.

0.0%	0.0% #CBA98D	RGB 203 169 141	#CBA98D
16.7%	16.7% #D3B292	RGB 211 178 146	#D3B292
33.3%	33.3% #DCBC97	RGB 220 188 151	#DCBC97
50.0%	50.0% #E5C59C	RGB 229 197 156	#E5C59C
66.7%	66.7% #EDCFA1	RGB 237 207 161	#EDCFA1
83.3%	83.3% #F6D8A6	RGB 246 216 166	#F6D8A6
100.0%	100.0% #FFE2AB	RGB 255 226 171	#FFE2AB

#CBA98D #D3B292 #DCBC97 #E5C59C #EDCFA1 #F6D8A6 #FFE2AB

#CBA98D - #FFE2AB

HSV Blend

#CBA98D - #FFE2AB | 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 #CBA98D as 0% and #FFE2AB as 100%.

0.0%	0.0% #CBA98D	RGB 203 169 141	#CBA98D
16.7%	16.7% #D3B192	RGB 211 177 146	#D3B192
33.3%	33.3% #DCBB97	RGB 220 187 151	#DCBB97
50.0%	50.0% #E5C49C	RGB 229 196 156	#E5C49C
66.7%	66.7% #EDCEA1	RGB 237 206 161	#EDCEA1
83.3%	83.3% #F6D7A6	RGB 246 215 166	#F6D7A6
100.0%	100.0% #FFE2AB	RGB 255 226 171	#FFE2AB

#CBA98D #D3B192 #DCBB97 #E5C49C #EDCEA1 #F6D7A6 #FFE2AB

#CBA98D - #E5C49C - #FFE2AB

CSS codes

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

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