#E5EBF6 - #9FB0CB | 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 #E5EBF6 to #9FB0CB

#E5EBF6 #9FB0CB

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

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

0.0%	0.0% #E5EBF6	RGB 229 235 246	#E5EBF6
16.7%	16.7% #D9E1EE	RGB 217 225 238	#D9E1EE
33.3%	33.3% #CDD7E7	RGB 205 215 231	#CDD7E7
50.0%	50.0% #C2CDE0	RGB 194 205 224	#C2CDE0
66.7%	66.7% #B6C3D9	RGB 182 195 217	#B6C3D9
83.3%	83.3% #AAB9D2	RGB 170 185 210	#AAB9D2
100.0%	100.0% #9FB0CB	RGB 159 176 203	#9FB0CB

#E5EBF6 #D9E1EE #CDD7E7 #C2CDE0 #B6C3D9 #AAB9D2 #9FB0CB

#E5EBF6 - #9FB0CB

HSV Blend

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

0.0%	0.0% #E5EBF6	RGB 229 235 246	#E5EBF6
16.7%	16.7% #D8E0EE	RGB 216 224 238	#D8E0EE
33.3%	33.3% #CCD6E7	RGB 204 214 231	#CCD6E7
50.0%	50.0% #C0CCE0	RGB 192 204 224	#C0CCE0
66.7%	66.7% #B4C2D9	RGB 180 194 217	#B4C2D9
83.3%	83.3% #A9B9D2	RGB 169 185 210	#A9B9D2
100.0%	100.0% #9FB0CB	RGB 159 176 203	#9FB0CB

#E5EBF6 #D8E0EE #CCD6E7 #C0CCE0 #B4C2D9 #A9B9D2 #9FB0CB

#E5EBF6 - #C0CCE0 - #9FB0CB

CSS codes

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

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