#CFAE6B - #FFE18C | 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 #CFAE6B to #FFE18C

#CFAE6B #FFE18C

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

#CFAE6B - #FFE18C | 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 #CFAE6B as 0% and #FFE18C as 100%.

0.0%	0.0% #CFAE6B	RGB 207 174 107	#CFAE6B
16.7%	16.7% #D7B670	RGB 215 182 112	#D7B670
33.3%	33.3% #DFBF76	RGB 223 191 118	#DFBF76
50.0%	50.0% #E7C77B	RGB 231 199 123	#E7C77B
66.7%	66.7% #EFD081	RGB 239 208 129	#EFD081
83.3%	83.3% #F7D886	RGB 247 216 134	#F7D886
100.0%	100.0% #FFE18C	RGB 255 225 140	#FFE18C

#CFAE6B #D7B670 #DFBF76 #E7C77B #EFD081 #F7D886 #FFE18C

#CFAE6B - #FFE18C

HSV Blend

#CFAE6B - #FFE18C | 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 #CFAE6B as 0% and #FFE18C as 100%.

0.0%	0.0% #CFAE6B	RGB 207 174 107	#CFAE6B
16.7%	16.7% #D7B670	RGB 215 182 112	#D7B670
33.3%	33.3% #DFBE75	RGB 223 190 117	#DFBE75
50.0%	50.0% #E7C77B	RGB 231 199 123	#E7C77B
66.7%	66.7% #EFCF80	RGB 239 207 128	#EFCF80
83.3%	83.3% #F7D886	RGB 247 216 134	#F7D886
100.0%	100.0% #FFE18C	RGB 255 225 140	#FFE18C

#CFAE6B #D7B670 #DFBE75 #E7C77B #EFCF80 #F7D886 #FFE18C

#CFAE6B - #E7C77B - #FFE18C

CSS codes

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

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