#CFC78B - #FFEAA7 | 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 #CFC78B to #FFEAA7

#CFC78B #FFEAA7

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

#CFC78B - #FFEAA7 | 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 #CFC78B as 0% and #FFEAA7 as 100%.

0.0%	0.0% #CFC78B	RGB 207 199 139	#CFC78B
16.7%	16.7% #D7CC8F	RGB 215 204 143	#D7CC8F
33.3%	33.3% #DFD294	RGB 223 210 148	#DFD294
50.0%	50.0% #E7D899	RGB 231 216 153	#E7D899
66.7%	66.7% #EFDE9D	RGB 239 222 157	#EFDE9D
83.3%	83.3% #F7E4A2	RGB 247 228 162	#F7E4A2
100.0%	100.0% #FFEAA7	RGB 255 234 167	#FFEAA7

#CFC78B #D7CC8F #DFD294 #E7D899 #EFDE9D #F7E4A2 #FFEAA7

#CFC78B - #FFEAA7

HSV Blend

#CFC78B - #FFEAA7 | 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 #CFC78B as 0% and #FFEAA7 as 100%.

0.0%	0.0% #CFC78B	RGB 207 199 139	#CFC78B
16.7%	16.7% #D7CD8F	RGB 215 205 143	#D7CD8F
33.3%	33.3% #DFD394	RGB 223 211 148	#DFD394
50.0%	50.0% #E7D999	RGB 231 217 153	#E7D999
66.7%	66.7% #EFDE9D	RGB 239 222 157	#EFDE9D
83.3%	83.3% #F7E4A2	RGB 247 228 162	#F7E4A2
100.0%	100.0% #FFEAA7	RGB 255 234 167	#FFEAA7

#CFC78B #D7CD8F #DFD394 #E7D999 #EFDE9D #F7E4A2 #FFEAA7

#CFC78B - #E7D999 - #FFEAA7

CSS codes

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

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