#EADFE6 - #EECCD8 | 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 #EADFE6 to #EECCD8

#EADFE6 #EECCD8

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

#EADFE6 - #EECCD8 | 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 #EADFE6 as 0% and #EECCD8 as 100%.

0.0%	0.0% #EADFE6	RGB 234 223 230	#EADFE6
16.7%	16.7% #EADBE3	RGB 234 219 227	#EADBE3
33.3%	33.3% #EBD8E1	RGB 235 216 225	#EBD8E1
50.0%	50.0% #ECD5DF	RGB 236 213 223	#ECD5DF
66.7%	66.7% #ECD2DC	RGB 236 210 220	#ECD2DC
83.3%	83.3% #EDCFDA	RGB 237 207 218	#EDCFDA
100.0%	100.0% #EECCD8	RGB 238 204 216	#EECCD8

#EADFE6 #EADBE3 #EBD8E1 #ECD5DF #ECD2DC #EDCFDA #EECCD8

#EADFE6 - #EECCD8

HSV Blend

#EADFE6 - #EECCD8 | 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 #EADFE6 as 0% and #EECCD8 as 100%.

0.0%	0.0% #EADFE6	RGB 234 223 230	#EADFE6
16.7%	16.7% #EADBE4	RGB 234 219 228	#EADBE4
33.3%	33.3% #EBD8E2	RGB 235 216 226	#EBD8E2
50.0%	50.0% #ECD5E0	RGB 236 213 224	#ECD5E0
66.7%	66.7% #ECD2DE	RGB 236 210 222	#ECD2DE
83.3%	83.3% #EDCFDB	RGB 237 207 219	#EDCFDB
100.0%	100.0% #EECCD8	RGB 238 204 216	#EECCD8

#EADFE6 #EADBE4 #EBD8E2 #ECD5E0 #ECD2DE #EDCFDB #EECCD8

#EADFE6 - #ECD5E0 - #EECCD8

CSS codes

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

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