#CEF8C2 - #FFF0CE | 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 #CEF8C2 to #FFF0CE

#CEF8C2 #FFF0CE

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

#CEF8C2 - #FFF0CE | 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 #CEF8C2 as 0% and #FFF0CE as 100%.

0.0%	0.0% #CEF8C2	RGB 206 248 194	#CEF8C2
16.7%	16.7% #D6F6C4	RGB 214 246 196	#D6F6C4
33.3%	33.3% #DEF5C6	RGB 222 245 198	#DEF5C6
50.0%	50.0% #E6F4C8	RGB 230 244 200	#E6F4C8
66.7%	66.7% #EEF2CA	RGB 238 242 202	#EEF2CA
83.3%	83.3% #F6F1CC	RGB 246 241 204	#F6F1CC
100.0%	100.0% #FFF0CE	RGB 255 240 206	#FFF0CE

#CEF8C2 #D6F6C4 #DEF5C6 #E6F4C8 #EEF2CA #F6F1CC #FFF0CE

#CEF8C2 - #FFF0CE

HSV Blend

#CEF8C2 - #FFF0CE | 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 #CEF8C2 as 0% and #FFF0CE as 100%.

0.0%	0.0% #CEF8C2	RGB 206 248 194	#CEF8C2
16.7%	16.7% #D9F9C3	RGB 217 249 195	#D9F9C3
33.3%	33.3% #E4FAC5	RGB 228 250 197	#E4FAC5
50.0%	50.0% #EFFBC7	RGB 239 251 199	#EFFBC7
66.7%	66.7% #F9FCC9	RGB 249 252 201	#F9FCC9
83.3%	83.3% #FDF7CB	RGB 253 247 203	#FDF7CB
100.0%	100.0% #FFF0CE	RGB 255 240 206	#FFF0CE

#CEF8C2 #D9F9C3 #E4FAC5 #EFFBC7 #F9FCC9 #FDF7CB #FFF0CE

#CEF8C2 - #EFFBC7 - #FFF0CE

CSS codes

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

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