#EDDFDD - #E6FFF6 | 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 #EDDFDD to #E6FFF6

#EDDFDD #E6FFF6

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

#EDDFDD - #E6FFF6 | 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 #EDDFDD as 0% and #E6FFF6 as 100%.

0.0%	0.0% #EDDFDD	RGB 237 223 221	#EDDFDD
16.7%	16.7% #EBE4E1	RGB 235 228 225	#EBE4E1
33.3%	33.3% #EAE9E5	RGB 234 233 229	#EAE9E5
50.0%	50.0% #E9EFE9	RGB 233 239 233	#E9EFE9
66.7%	66.7% #E8F4ED	RGB 232 244 237	#E8F4ED
83.3%	83.3% #E7F9F1	RGB 231 249 241	#E7F9F1
100.0%	100.0% #E6FFF6	RGB 230 255 246	#E6FFF6

#EDDFDD #EBE4E1 #EAE9E5 #E9EFE9 #E8F4ED #E7F9F1 #E6FFF6

#EDDFDD - #E6FFF6

HSV Blend

#EDDFDD - #E6FFF6 | 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 #EDDFDD as 0% and #E6FFF6 as 100%.

0.0%	0.0% #EDDFDD	RGB 237 223 221	#EDDFDD
16.7%	16.7% #F0E8DE	RGB 240 232 222	#F0E8DE
33.3%	33.3% #F3F2E0	RGB 243 242 224	#F3F2E0
50.0%	50.0% #EEF6E1	RGB 238 246 225	#EEF6E1
66.7%	66.7% #E7F9E3	RGB 231 249 227	#E7F9E3
83.3%	83.3% #E4FCE9	RGB 228 252 233	#E4FCE9
100.0%	100.0% #E6FFF6	RGB 230 255 246	#E6FFF6

#EDDFDD #F0E8DE #F3F2E0 #EEF6E1 #E7F9E3 #E4FCE9 #E6FFF6

#EDDFDD - #EEF6E1 - #E6FFF6

CSS codes

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

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