#FFCB5E - #FFF0D1 | 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 #FFCB5E to #FFF0D1

#FFCB5E #FFF0D1

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

#FFCB5E - #FFF0D1 | 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 #FFCB5E as 0% and #FFF0D1 as 100%.

0.0%	0.0% #FFCB5E	RGB 255 203 94	#FFCB5E
16.7%	16.7% #FFD171	RGB 255 209 113	#FFD171
33.3%	33.3% #FFD784	RGB 255 215 132	#FFD784
50.0%	50.0% #FFDD97	RGB 255 221 151	#FFDD97
66.7%	66.7% #FFE3AA	RGB 255 227 170	#FFE3AA
83.3%	83.3% #FFE9BD	RGB 255 233 189	#FFE9BD
100.0%	100.0% #FFF0D1	RGB 255 240 209	#FFF0D1

#FFCB5E #FFD171 #FFD784 #FFDD97 #FFE3AA #FFE9BD #FFF0D1

#FFCB5E - #FFF0D1

HSV Blend

#FFCB5E - #FFF0D1 | 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 #FFCB5E as 0% and #FFF0D1 as 100%.

0.0%	0.0% #FFCB5D	RGB 255 203 93	#FFCB5D
16.7%	16.7% #FFD171	RGB 255 209 113	#FFD171
33.3%	33.3% #FFD784	RGB 255 215 132	#FFD784
50.0%	50.0% #FFDD97	RGB 255 221 151	#FFDD97
66.7%	66.7% #FFE3AA	RGB 255 227 170	#FFE3AA
83.3%	83.3% #FFE9BD	RGB 255 233 189	#FFE9BD
100.0%	100.0% #FFF0D1	RGB 255 240 209	#FFF0D1

#FFCB5D #FFD171 #FFD784 #FFDD97 #FFE3AA #FFE9BD #FFF0D1

#FFCB5E - #FFDD97 - #FFF0D1

CSS codes

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

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