#FFC35E - #EFEE8C | 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 #FFC35E to #EFEE8C

#FFC35E #EFEE8C

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

#FFC35E - #EFEE8C | 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 #FFC35E as 0% and #EFEE8C as 100%.

0.0%	0.0% #FFC35E	RGB 255 195 94	#FFC35E
16.7%	16.7% #FCCA65	RGB 252 202 101	#FCCA65
33.3%	33.3% #F9D16D	RGB 249 209 109	#F9D16D
50.0%	50.0% #F7D875	RGB 247 216 117	#F7D875
66.7%	66.7% #F4DF7C	RGB 244 223 124	#F4DF7C
83.3%	83.3% #F1E684	RGB 241 230 132	#F1E684
100.0%	100.0% #EFEE8C	RGB 239 238 140	#EFEE8C

#FFC35E #FCCA65 #F9D16D #F7D875 #F4DF7C #F1E684 #EFEE8C

#FFC35E - #EFEE8C

HSV Blend

#FFC35E - #EFEE8C | 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 #FFC35E as 0% and #EFEE8C as 100%.

0.0%	0.0% #FFC35D	RGB 255 195 93	#FFC35D
16.7%	16.7% #FCCD66	RGB 252 205 102	#FCCD66
33.3%	33.3% #F9D66E	RGB 249 214 110	#F9D66E
50.0%	50.0% #F7DE75	RGB 247 222 117	#F7DE75
66.7%	66.7% #F4E47D	RGB 244 228 125	#F4E47D
83.3%	83.3% #F1E984	RGB 241 233 132	#F1E984
100.0%	100.0% #EFEE8C	RGB 239 238 140	#EFEE8C

#FFC35D #FCCD66 #F9D66E #F7DE75 #F4E47D #F1E984 #EFEE8C

#FFC35E - #F7DE75 - #EFEE8C

CSS codes

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

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