#FFFEE4 - #FFFEF7 | 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 #FFFEE4 to #FFFEF7

#FFFEE4 #FFFEF7

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

#FFFEE4 - #FFFEF7 | 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 #FFFEE4 as 0% and #FFFEF7 as 100%.

0.0%	0.0% #FFFEE4	RGB 255 254 228	#FFFEE4
16.7%	16.7% #FFFEE7	RGB 255 254 231	#FFFEE7
33.3%	33.3% #FFFEEA	RGB 255 254 234	#FFFEEA
50.0%	50.0% #FFFEED	RGB 255 254 237	#FFFEED
66.7%	66.7% #FFFEF0	RGB 255 254 240	#FFFEF0
83.3%	83.3% #FFFEF3	RGB 255 254 243	#FFFEF3
100.0%	100.0% #FFFEF7	RGB 255 254 247	#FFFEF7

#FFFEE4 #FFFEE7 #FFFEEA #FFFEED #FFFEF0 #FFFEF3 #FFFEF7

#FFFEE4 - #FFFEF7

HSV Blend

#FFFEE4 - #FFFEF7 | 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 #FFFEE4 as 0% and #FFFEF7 as 100%.

0.0%	0.0% #FFFEE4	RGB 255 254 228	#FFFEE4
16.7%	16.7% #FFFDE7	RGB 255 253 231	#FFFDE7
33.3%	33.3% #FFFDEA	RGB 255 253 234	#FFFDEA
50.0%	50.0% #FFFDED	RGB 255 253 237	#FFFDED
66.7%	66.7% #FFFDF0	RGB 255 253 240	#FFFDF0
83.3%	83.3% #FFFDF3	RGB 255 253 243	#FFFDF3
100.0%	100.0% #FFFEF7	RGB 255 254 247	#FFFEF7

#FFFEE4 #FFFDE7 #FFFDEA #FFFDED #FFFDF0 #FFFDF3 #FFFEF7

#FFFEE4 - #FFFDED - #FFFEF7

CSS codes

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

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