#FFC051 - #FFEBC2 | 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 #FFC051 to #FFEBC2

#FFC051 #FFEBC2

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

#FFC051 - #FFEBC2 | 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 #FFC051 as 0% and #FFEBC2 as 100%.

0.0%	0.0% #FFC051	RGB 255 192 81	#FFC051
16.7%	16.7% #FFC763	RGB 255 199 99	#FFC763
33.3%	33.3% #FFCE76	RGB 255 206 118	#FFCE76
50.0%	50.0% #FFD589	RGB 255 213 137	#FFD589
66.7%	66.7% #FFDC9C	RGB 255 220 156	#FFDC9C
83.3%	83.3% #FFE3AF	RGB 255 227 175	#FFE3AF
100.0%	100.0% #FFEBC2	RGB 255 235 194	#FFEBC2

#FFC051 #FFC763 #FFCE76 #FFD589 #FFDC9C #FFE3AF #FFEBC2

#FFC051 - #FFEBC2

HSV Blend

#FFC051 - #FFEBC2 | 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 #FFC051 as 0% and #FFEBC2 as 100%.

0.0%	0.0% #FFC051	RGB 255 192 81	#FFC051
16.7%	16.7% #FFC763	RGB 255 199 99	#FFC763
33.3%	33.3% #FFCF76	RGB 255 207 118	#FFCF76
50.0%	50.0% #FFD689	RGB 255 214 137	#FFD689
66.7%	66.7% #FFDD9C	RGB 255 221 156	#FFDD9C
83.3%	83.3% #FFE4AF	RGB 255 228 175	#FFE4AF
100.0%	100.0% #FFEBC2	RGB 255 235 194	#FFEBC2

#FFC051 #FFC763 #FFCF76 #FFD689 #FFDD9C #FFE4AF #FFEBC2

#FFC051 - #FFD689 - #FFEBC2

CSS codes

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

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