#FFC84B - #FFEECB | 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 #FFC84B to #FFEECB

#FFC84B #FFEECB

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

#FFC84B - #FFEECB | 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 #FFC84B as 0% and #FFEECB as 100%.

0.0%	0.0% #FFC84B	RGB 255 200 75	#FFC84B
16.7%	16.7% #FFCE60	RGB 255 206 96	#FFCE60
33.3%	33.3% #FFD475	RGB 255 212 117	#FFD475
50.0%	50.0% #FFDB8B	RGB 255 219 139	#FFDB8B
66.7%	66.7% #FFE1A0	RGB 255 225 160	#FFE1A0
83.3%	83.3% #FFE7B5	RGB 255 231 181	#FFE7B5
100.0%	100.0% #FFEECB	RGB 255 238 203	#FFEECB

#FFC84B #FFCE60 #FFD475 #FFDB8B #FFE1A0 #FFE7B5 #FFEECB

#FFC84B - #FFEECB

HSV Blend

#FFC84B - #FFEECB | 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 #FFC84B as 0% and #FFEECB as 100%.

0.0%	0.0% #FFC84B	RGB 255 200 75	#FFC84B
16.7%	16.7% #FFCD60	RGB 255 205 96	#FFCD60
33.3%	33.3% #FFD475	RGB 255 212 117	#FFD475
50.0%	50.0% #FFDA8B	RGB 255 218 139	#FFDA8B
66.7%	66.7% #FFE0A0	RGB 255 224 160	#FFE0A0
83.3%	83.3% #FFE7B5	RGB 255 231 181	#FFE7B5
100.0%	100.0% #FFEECB	RGB 255 238 203	#FFEECB

#FFC84B #FFCD60 #FFD475 #FFDA8B #FFE0A0 #FFE7B5 #FFEECB

#FFC84B - #FFDA8B - #FFEECB

CSS codes

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

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