#EEE3CF - #EDDED6 | 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 #EEE3CF to #EDDED6

#EEE3CF #EDDED6

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

#EEE3CF - #EDDED6 | 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 #EEE3CF as 0% and #EDDED6 as 100%.

0.0%	0.0% #EEE3CF	RGB 238 227 207	#EEE3CF
16.7%	16.7% #EDE2D0	RGB 237 226 208	#EDE2D0
33.3%	33.3% #EDE1D1	RGB 237 225 209	#EDE1D1
50.0%	50.0% #EDE0D2	RGB 237 224 210	#EDE0D2
66.7%	66.7% #EDDFD3	RGB 237 223 211	#EDDFD3
83.3%	83.3% #EDDED4	RGB 237 222 212	#EDDED4
100.0%	100.0% #EDDED6	RGB 237 222 214	#EDDED6

#EEE3CF #EDE2D0 #EDE1D1 #EDE0D2 #EDDFD3 #EDDED4 #EDDED6

#EEE3CF - #EDDED6

HSV Blend

#EEE3CF - #EDDED6 | 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 #EEE3CF as 0% and #EDDED6 as 100%.

0.0%	0.0% #EEE3CF	RGB 238 227 207	#EEE3CF
16.7%	16.7% #EDE1D0	RGB 237 225 208	#EDE1D0
33.3%	33.3% #EDE0D1	RGB 237 224 209	#EDE0D1
50.0%	50.0% #EDDFD2	RGB 237 223 210	#EDDFD2
66.7%	66.7% #EDDFD3	RGB 237 223 211	#EDDFD3
83.3%	83.3% #EDDED4	RGB 237 222 212	#EDDED4
100.0%	100.0% #EDDED6	RGB 237 222 214	#EDDED6

#EEE3CF #EDE1D0 #EDE0D1 #EDDFD2 #EDDFD3 #EDDED4 #EDDED6

#EEE3CF - #EDDFD2 - #EDDED6

CSS codes

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

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