#CEFEC1 - #FFF0CD | 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 #CEFEC1 to #FFF0CD

#CEFEC1 #FFF0CD

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

#CEFEC1 - #FFF0CD | 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 #CEFEC1 as 0% and #FFF0CD as 100%.

0.0%	0.0% #CEFEC1	RGB 206 254 193	#CEFEC1
16.7%	16.7% #D6FBC3	RGB 214 251 195	#D6FBC3
33.3%	33.3% #DEF9C5	RGB 222 249 197	#DEF9C5
50.0%	50.0% #E6F7C7	RGB 230 247 199	#E6F7C7
66.7%	66.7% #EEF4C9	RGB 238 244 201	#EEF4C9
83.3%	83.3% #F6F2CB	RGB 246 242 203	#F6F2CB
100.0%	100.0% #FFF0CD	RGB 255 240 205	#FFF0CD

#CEFEC1 #D6FBC3 #DEF9C5 #E6F7C7 #EEF4C9 #F6F2CB #FFF0CD

#CEFEC1 - #FFF0CD

HSV Blend

#CEFEC1 - #FFF0CD | 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 #CEFEC1 as 0% and #FFF0CD as 100%.

0.0%	0.0% #CEFEC1	RGB 206 254 193	#CEFEC1
16.7%	16.7% #DAFEC2	RGB 218 254 194	#DAFEC2
33.3%	33.3% #E5FEC4	RGB 229 254 196	#E5FEC4
50.0%	50.0% #F0FEC6	RGB 240 254 198	#F0FEC6
66.7%	66.7% #FBFEC8	RGB 251 254 200	#FBFEC8
83.3%	83.3% #FEF8CA	RGB 254 248 202	#FEF8CA
100.0%	100.0% #FFF0CD	RGB 255 240 205	#FFF0CD

#CEFEC1 #DAFEC2 #E5FEC4 #F0FEC6 #FBFEC8 #FEF8CA #FFF0CD

#CEFEC1 - #F0FEC6 - #FFF0CD

CSS codes

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

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