#FFCEB8 - #EEFFEE | 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 #FFCEB8 to #EEFFEE

#FFCEB8 #EEFFEE

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

#FFCEB8 - #EEFFEE | 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 #FFCEB8 as 0% and #EEFFEE as 100%.

0.0%	0.0% #FFCEB8	RGB 255 206 184	#FFCEB8
16.7%	16.7% #FCD6C1	RGB 252 214 193	#FCD6C1
33.3%	33.3% #F9DECA	RGB 249 222 202	#F9DECA
50.0%	50.0% #F6E6D3	RGB 246 230 211	#F6E6D3
66.7%	66.7% #F3EEDC	RGB 243 238 220	#F3EEDC
83.3%	83.3% #F0F6E5	RGB 240 246 229	#F0F6E5
100.0%	100.0% #EEFFEE	RGB 238 255 238	#EEFFEE

#FFCEB8 #FCD6C1 #F9DECA #F6E6D3 #F3EEDC #F0F6E5 #EEFFEE

#FFCEB8 - #EEFFEE

HSV Blend

#FFCEB8 - #EEFFEE | 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 #FFCEB8 as 0% and #EEFFEE as 100%.

0.0%	0.0% #FFCEB8	RGB 255 206 184	#FFCEB8
16.7%	16.7% #FFE5C1	RGB 255 229 193	#FFE5C1
33.3%	33.3% #FFF8CA	RGB 255 248 202	#FFF8CA
50.0%	50.0% #F8FFD3	RGB 248 255 211	#F8FFD3
66.7%	66.7% #EFFFDC	RGB 239 255 220	#EFFFDC
83.3%	83.3% #ECFFE5	RGB 236 255 229	#ECFFE5
100.0%	100.0% #EEFFEE	RGB 238 255 238	#EEFFEE

#FFCEB8 #FFE5C1 #FFF8CA #F8FFD3 #EFFFDC #ECFFE5 #EEFFEE

#FFCEB8 - #F8FFD3 - #EEFFEE

CSS codes

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

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