#E5E6F5 - #99A2DC | 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 #E5E6F5 to #99A2DC

#E5E6F5 #99A2DC

Calculate the color between two colors, #E5E6F5 and #99A2DC. 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)

#E5E6F5 - #99A2DC | 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 #E5E6F5 as 0% and #99A2DC as 100%.

0.0%	0.0% #E5E6F5	RGB 229 230 245	#E5E6F5
16.7%	16.7% #D8DAF0	RGB 216 218 240	#D8DAF0
33.3%	33.3% #CBCFEC	RGB 203 207 236	#CBCFEC
50.0%	50.0% #BFC4E8	RGB 191 196 232	#BFC4E8
66.7%	66.7% #B2B8E4	RGB 178 184 228	#B2B8E4
83.3%	83.3% #A5ADE0	RGB 165 173 224	#A5ADE0
100.0%	100.0% #99A2DC	RGB 153 162 220	#99A2DC

#E5E6F5 #D8DAF0 #CBCFEC #BFC4E8 #B2B8E4 #A5ADE0 #99A2DC

#E5E6F5 - #99A2DC

HSV Blend

#E5E6F5 - #99A2DC | 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 #E5E6F5 as 0% and #99A2DC as 100%.

0.0%	0.0% #E5E6F5	RGB 229 230 245	#E5E6F5
16.7%	16.7% #D7D9F0	RGB 215 217 240	#D7D9F0
33.3%	33.3% #CACDEC	RGB 202 205 236	#CACDEC
50.0%	50.0% #BDC1E8	RGB 189 193 232	#BDC1E8
66.7%	66.7% #B1B6E4	RGB 177 182 228	#B1B6E4
83.3%	83.3% #A4ACE0	RGB 164 172 224	#A4ACE0
100.0%	100.0% #99A2DC	RGB 153 162 220	#99A2DC

#E5E6F5 #D7D9F0 #CACDEC #BDC1E8 #B1B6E4 #A4ACE0 #99A2DC

#E5E6F5 - #BDC1E8 - #99A2DC

CSS codes

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

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