#FFFEFB - #FFEADE | 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 #FFFEFB to #FFEADE

#FFFEFB #FFEADE

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

#FFFEFB - #FFEADE | 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 #FFFEFB as 0% and #FFEADE as 100%.

0.0%	0.0% #FFFEFB	RGB 255 254 251	#FFFEFB
16.7%	16.7% #FFFAF6	RGB 255 250 246	#FFFAF6
33.3%	33.3% #FFF7F1	RGB 255 247 241	#FFF7F1
50.0%	50.0% #FFF4EC	RGB 255 244 236	#FFF4EC
66.7%	66.7% #FFF0E7	RGB 255 240 231	#FFF0E7
83.3%	83.3% #FFEDE2	RGB 255 237 226	#FFEDE2
100.0%	100.0% #FFEADE	RGB 255 234 222	#FFEADE

#FFFEFB #FFFAF6 #FFF7F1 #FFF4EC #FFF0E7 #FFEDE2 #FFEADE

#FFFEFB - #FFEADE

HSV Blend

#FFFEFB - #FFEADE | 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 #FFFEFB as 0% and #FFEADE as 100%.

0.0%	0.0% #FFFEFB	RGB 255 254 251	#FFFEFB
16.7%	16.7% #FFFCF6	RGB 255 252 246	#FFFCF6
33.3%	33.3% #FFF9F1	RGB 255 249 241	#FFF9F1
50.0%	50.0% #FFF6EC	RGB 255 246 236	#FFF6EC
66.7%	66.7% #FFF3E7	RGB 255 243 231	#FFF3E7
83.3%	83.3% #FFEEE2	RGB 255 238 226	#FFEEE2
100.0%	100.0% #FFEADE	RGB 255 234 222	#FFEADE

#FFFEFB #FFFCF6 #FFF9F1 #FFF6EC #FFF3E7 #FFEEE2 #FFEADE

#FFFEFB - #FFF6EC - #FFEADE

CSS codes

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

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