#FFF685 - #FFFCDC | 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 #FFF685 to #FFFCDC

#FFF685 #FFFCDC

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

#FFF685 - #FFFCDC | 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 #FFF685 as 0% and #FFFCDC as 100%.

0.0%	0.0% #FFF685	RGB 255 246 133	#FFF685
16.7%	16.7% #FFF793	RGB 255 247 147	#FFF793
33.3%	33.3% #FFF8A2	RGB 255 248 162	#FFF8A2
50.0%	50.0% #FFF9B0	RGB 255 249 176	#FFF9B0
66.7%	66.7% #FFFABF	RGB 255 250 191	#FFFABF
83.3%	83.3% #FFFBCD	RGB 255 251 205	#FFFBCD
100.0%	100.0% #FFFCDC	RGB 255 252 220	#FFFCDC

#FFF685 #FFF793 #FFF8A2 #FFF9B0 #FFFABF #FFFBCD #FFFCDC

#FFF685 - #FFFCDC

HSV Blend

#FFF685 - #FFFCDC | 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 #FFF685 as 0% and #FFFCDC as 100%.

0.0%	0.0% #FFF685	RGB 255 246 133	#FFF685
16.7%	16.7% #FFF693	RGB 255 246 147	#FFF693
33.3%	33.3% #FFF7A2	RGB 255 247 162	#FFF7A2
50.0%	50.0% #FFF8B0	RGB 255 248 176	#FFF8B0
66.7%	66.7% #FFF9BF	RGB 255 249 191	#FFF9BF
83.3%	83.3% #FFFACD	RGB 255 250 205	#FFFACD
100.0%	100.0% #FFFCDC	RGB 255 252 220	#FFFCDC

#FFF685 #FFF693 #FFF7A2 #FFF8B0 #FFF9BF #FFFACD #FFFCDC

#FFF685 - #FFF8B0 - #FFFCDC

CSS codes

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

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