#E5E7F1 - #8DA6BD | 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 #E5E7F1 to #8DA6BD

#E5E7F1 #8DA6BD

Calculate the color between two colors, #E5E7F1 and #8DA6BD. 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)

#E5E7F1 - #8DA6BD | 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 #E5E7F1 as 0% and #8DA6BD as 100%.

0.0%	0.0% #E5E7F1	RGB 229 231 241	#E5E7F1
16.7%	16.7% #D6DCE8	RGB 214 220 232	#D6DCE8
33.3%	33.3% #C7D1DF	RGB 199 209 223	#C7D1DF
50.0%	50.0% #B9C6D7	RGB 185 198 215	#B9C6D7
66.7%	66.7% #AABBCE	RGB 170 187 206	#AABBCE
83.3%	83.3% #9BB0C5	RGB 155 176 197	#9BB0C5
100.0%	100.0% #8DA6BD	RGB 141 166 189	#8DA6BD

#E5E7F1 #D6DCE8 #C7D1DF #B9C6D7 #AABBCE #9BB0C5 #8DA6BD

#E5E7F1 - #8DA6BD

HSV Blend

#E5E7F1 - #8DA6BD | 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 #E5E7F1 as 0% and #8DA6BD as 100%.

0.0%	0.0% #E5E7F1	RGB 229 231 241	#E5E7F1
16.7%	16.7% #D4D9E8	RGB 212 217 232	#D4D9E8
33.3%	33.3% #C5CCDF	RGB 197 204 223	#C5CCDF
50.0%	50.0% #B6C1D7	RGB 182 193 215	#B6C1D7
66.7%	66.7% #A7B7CE	RGB 167 183 206	#A7B7CE
83.3%	83.3% #9AAEC5	RGB 154 174 197	#9AAEC5
100.0%	100.0% #8DA6BD	RGB 141 166 189	#8DA6BD

#E5E7F1 #D4D9E8 #C5CCDF #B6C1D7 #A7B7CE #9AAEC5 #8DA6BD

#E5E7F1 - #B6C1D7 - #8DA6BD

CSS codes

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

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