#FFFFA8 - #FFF7CF | 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 #FFFFA8 to #FFF7CF

#FFFFA8 #FFF7CF

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

#FFFFA8 - #FFF7CF | 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 #FFFFA8 as 0% and #FFF7CF as 100%.

0.0%	0.0% #FFFFA8	RGB 255 255 168	#FFFFA8
16.7%	16.7% #FFFDAE	RGB 255 253 174	#FFFDAE
33.3%	33.3% #FFFCB5	RGB 255 252 181	#FFFCB5
50.0%	50.0% #FFFBBB	RGB 255 251 187	#FFFBBB
66.7%	66.7% #FFF9C2	RGB 255 249 194	#FFF9C2
83.3%	83.3% #FFF8C8	RGB 255 248 200	#FFF8C8
100.0%	100.0% #FFF7CF	RGB 255 247 207	#FFF7CF

#FFFFA8 #FFFDAE #FFFCB5 #FFFBBB #FFF9C2 #FFF8C8 #FFF7CF

#FFFFA8 - #FFF7CF

HSV Blend

#FFFFA8 - #FFF7CF | 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 #FFFFA8 as 0% and #FFF7CF as 100%.

0.0%	0.0% #FFFFA8	RGB 255 255 168	#FFFFA8
16.7%	16.7% #FFFCAE	RGB 255 252 174	#FFFCAE
33.3%	33.3% #FFFAB5	RGB 255 250 181	#FFFAB5
50.0%	50.0% #FFF9BB	RGB 255 249 187	#FFF9BB
66.7%	66.7% #FFF8C2	RGB 255 248 194	#FFF8C2
83.3%	83.3% #FFF7C8	RGB 255 247 200	#FFF7C8
100.0%	100.0% #FFF7CF	RGB 255 247 207	#FFF7CF

#FFFFA8 #FFFCAE #FFFAB5 #FFF9BB #FFF8C2 #FFF7C8 #FFF7CF

#FFFFA8 - #FFF9BB - #FFF7CF

CSS codes

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

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