#EDE4B5 - #E7EAF3 | 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 #EDE4B5 to #E7EAF3

#EDE4B5 #E7EAF3

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

#EDE4B5 - #E7EAF3 | 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 #EDE4B5 as 0% and #E7EAF3 as 100%.

0.0%	0.0% #EDE4B5	RGB 237 228 181	#EDE4B5
16.7%	16.7% #ECE5BF	RGB 236 229 191	#ECE5BF
33.3%	33.3% #EBE6C9	RGB 235 230 201	#EBE6C9
50.0%	50.0% #EAE7D4	RGB 234 231 212	#EAE7D4
66.7%	66.7% #E9E8DE	RGB 233 232 222	#E9E8DE
83.3%	83.3% #E8E9E8	RGB 232 233 232	#E8E9E8
100.0%	100.0% #E7EAF3	RGB 231 234 243	#E7EAF3

#EDE4B5 #ECE5BF #EBE6C9 #EAE7D4 #E9E8DE #E8E9E8 #E7EAF3

#EDE4B5 - #E7EAF3

HSV Blend

#EDE4B5 - #E7EAF3 | 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 #EDE4B5 as 0% and #E7EAF3 as 100%.

0.0%	0.0% #EDE4B5	RGB 237 228 181	#EDE4B5
16.7%	16.7% #DEEEBD	RGB 222 238 189	#DEEEBD
33.3%	33.3% #CDEFC5	RGB 205 239 197	#CDEFC5
50.0%	50.0% #CDF0D7	RGB 205 240 215	#CDF0D7
66.7%	66.7% #D6F1EB	RGB 214 241 235	#D6F1EB
83.3%	83.3% #DEECF2	RGB 222 236 242	#DEECF2
100.0%	100.0% #E7EAF3	RGB 231 234 243	#E7EAF3

#EDE4B5 #DEEEBD #CDEFC5 #CDF0D7 #D6F1EB #DEECF2 #E7EAF3

#EDE4B5 - #CDF0D7 - #E7EAF3

CSS codes

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

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