#E5E6F6 - #9FA3CB | 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 #E5E6F6 to #9FA3CB

#E5E6F6 #9FA3CB

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

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

0.0%	0.0% #E5E6F6	RGB 229 230 246	#E5E6F6
16.7%	16.7% #D9DAEE	RGB 217 218 238	#D9DAEE
33.3%	33.3% #CDCFE7	RGB 205 207 231	#CDCFE7
50.0%	50.0% #C2C4E0	RGB 194 196 224	#C2C4E0
66.7%	66.7% #B6B9D9	RGB 182 185 217	#B6B9D9
83.3%	83.3% #AAAED2	RGB 170 174 210	#AAAED2
100.0%	100.0% #9FA3CB	RGB 159 163 203	#9FA3CB

#E5E6F6 #D9DAEE #CDCFE7 #C2C4E0 #B6B9D9 #AAAED2 #9FA3CB

#E5E6F6 - #9FA3CB

HSV Blend

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

0.0%	0.0% #E5E6F6	RGB 229 230 246	#E5E6F6
16.7%	16.7% #D8D9EE	RGB 216 217 238	#D8D9EE
33.3%	33.3% #CCCEE7	RGB 204 206 231	#CCCEE7
50.0%	50.0% #C0C2E0	RGB 192 194 224	#C0C2E0
66.7%	66.7% #B4B7D9	RGB 180 183 217	#B4B7D9
83.3%	83.3% #A9ADD2	RGB 169 173 210	#A9ADD2
100.0%	100.0% #9FA3CB	RGB 159 163 203	#9FA3CB

#E5E6F6 #D8D9EE #CCCEE7 #C0C2E0 #B4B7D9 #A9ADD2 #9FA3CB

#E5E6F6 - #C0C2E0 - #9FA3CB

CSS codes

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

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