#ECAEED - #FFEFE5 | 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 #ECAEED to #FFEFE5

#ECAEED #FFEFE5

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

#ECAEED - #FFEFE5 | 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 #ECAEED as 0% and #FFEFE5 as 100%.

0.0%	0.0% #ECAEED	RGB 236 174 237	#ECAEED
16.7%	16.7% #EFB8EB	RGB 239 184 235	#EFB8EB
33.3%	33.3% #F2C3EA	RGB 242 195 234	#F2C3EA
50.0%	50.0% #F5CEE9	RGB 245 206 233	#F5CEE9
66.7%	66.7% #F8D9E7	RGB 248 217 231	#F8D9E7
83.3%	83.3% #FBE4E6	RGB 251 228 230	#FBE4E6
100.0%	100.0% #FFEFE5	RGB 255 239 229	#FFEFE5

#ECAEED #EFB8EB #F2C3EA #F5CEE9 #F8D9E7 #FBE4E6 #FFEFE5

#ECAEED - #FFEFE5

HSV Blend

#ECAEED - #FFEFE5 | 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 #ECAEED as 0% and #FFEFE5 as 100%.

0.0%	0.0% #ECAEED	RGB 236 174 237	#ECAEED
16.7%	16.7% #F0B6E3	RGB 240 182 227	#F0B6E3
33.3%	33.3% #F3BFDB	RGB 243 191 219	#F3BFDB
50.0%	50.0% #F6C8D7	RGB 246 200 215	#F6C8D7
66.7%	66.7% #F9D2D5	RGB 249 210 213	#F9D2D5
83.3%	83.3% #FCE0DB	RGB 252 224 219	#FCE0DB
100.0%	100.0% #FFEFE5	RGB 255 239 229	#FFEFE5

#ECAEED #F0B6E3 #F3BFDB #F6C8D7 #F9D2D5 #FCE0DB #FFEFE5

#ECAEED - #F6C8D7 - #FFEFE5

CSS codes

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

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