#CBA67E - #FFDF9D | 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 #CBA67E to #FFDF9D

#CBA67E #FFDF9D

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

#CBA67E - #FFDF9D | 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 #CBA67E as 0% and #FFDF9D as 100%.

0.0%	0.0% #CBA67E	RGB 203 166 126	#CBA67E
16.7%	16.7% #D3AF83	RGB 211 175 131	#D3AF83
33.3%	33.3% #DCB988	RGB 220 185 136	#DCB988
50.0%	50.0% #E5C28D	RGB 229 194 141	#E5C28D
66.7%	66.7% #EDCC92	RGB 237 204 146	#EDCC92
83.3%	83.3% #F6D597	RGB 246 213 151	#F6D597
100.0%	100.0% #FFDF9D	RGB 255 223 157	#FFDF9D

#CBA67E #D3AF83 #DCB988 #E5C28D #EDCC92 #F6D597 #FFDF9D

#CBA67E - #FFDF9D

HSV Blend

#CBA67E - #FFDF9D | 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 #CBA67E as 0% and #FFDF9D as 100%.

0.0%	0.0% #CBA67E	RGB 203 166 126	#CBA67E
16.7%	16.7% #D3AF83	RGB 211 175 131	#D3AF83
33.3%	33.3% #DCB888	RGB 220 184 136	#DCB888
50.0%	50.0% #E5C18D	RGB 229 193 141	#E5C18D
66.7%	66.7% #EDCB92	RGB 237 203 146	#EDCB92
83.3%	83.3% #F6D597	RGB 246 213 151	#F6D597
100.0%	100.0% #FFDF9D	RGB 255 223 157	#FFDF9D

#CBA67E #D3AF83 #DCB888 #E5C18D #EDCB92 #F6D597 #FFDF9D

#CBA67E - #E5C18D - #FFDF9D

CSS codes

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

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