#9FDAF2 - #ECE5E4 | 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 #9FDAF2 to #ECE5E4

#9FDAF2 #ECE5E4

Calculate the color between two colors, #9FDAF2 and #ECE5E4. 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)

#9FDAF2 - #ECE5E4 | 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 #9FDAF2 as 0% and #ECE5E4 as 100%.

0.0%	0.0% #9FDAF2	RGB 159 218 242	#9FDAF2
16.7%	16.7% #ABDBEF	RGB 171 219 239	#ABDBEF
33.3%	33.3% #B8DDED	RGB 184 221 237	#B8DDED
50.0%	50.0% #C5DFEB	RGB 197 223 235	#C5DFEB
66.7%	66.7% #D2E1E8	RGB 210 225 232	#D2E1E8
83.3%	83.3% #DFE3E6	RGB 223 227 230	#DFE3E6
100.0%	100.0% #ECE5E4	RGB 236 229 228	#ECE5E4

#9FDAF2 #ABDBEF #B8DDED #C5DFEB #D2E1E8 #DFE3E6 #ECE5E4

#9FDAF2 - #ECE5E4

HSV Blend

#9FDAF2 - #ECE5E4 | 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 #9FDAF2 as 0% and #ECE5E4 as 100%.

0.0%	0.0% #9FDAF2	RGB 159 218 242	#9FDAF2
16.7%	16.7% #AABBF1	RGB 170 187 241	#AABBF1
33.3%	33.3% #C3B6F0	RGB 195 182 240	#C3B6F0
50.0%	50.0% #E1C1EF	RGB 225 193 239	#E1C1EF
66.7%	66.7% #EECDE8	RGB 238 205 232	#EECDE8
83.3%	83.3% #EDD8DF	RGB 237 216 223	#EDD8DF
100.0%	100.0% #ECE5E4	RGB 236 229 228	#ECE5E4

#9FDAF2 #AABBF1 #C3B6F0 #E1C1EF #EECDE8 #EDD8DF #ECE5E4

#9FDAF2 - #E1C1EF - #ECE5E4

CSS codes

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

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