#E6ECFA - #8FABCA | 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 #E6ECFA to #8FABCA

#E6ECFA #8FABCA

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

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

0.0%	0.0% #E6ECFA	RGB 230 236 250	#E6ECFA
16.7%	16.7% #D7E1F2	RGB 215 225 242	#D7E1F2
33.3%	33.3% #C9D6EA	RGB 201 214 234	#C9D6EA
50.0%	50.0% #BACBE2	RGB 186 203 226	#BACBE2
66.7%	66.7% #ACC0DA	RGB 172 192 218	#ACC0DA
83.3%	83.3% #9DB5D2	RGB 157 181 210	#9DB5D2
100.0%	100.0% #8FABCA	RGB 143 171 202	#8FABCA

#E6ECFA #D7E1F2 #C9D6EA #BACBE2 #ACC0DA #9DB5D2 #8FABCA

#E6ECFA - #8FABCA

HSV Blend

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

0.0%	0.0% #E6ECFA	RGB 230 236 250	#E6ECFA
16.7%	16.7% #D6DFF2	RGB 214 223 242	#D6DFF2
33.3%	33.3% #C6D3EA	RGB 198 211 234	#C6D3EA
50.0%	50.0% #B7C8E2	RGB 183 200 226	#B7C8E2
66.7%	66.7% #A9BDDA	RGB 169 189 218	#A9BDDA
83.3%	83.3% #9CB4D2	RGB 156 180 210	#9CB4D2
100.0%	100.0% #8FABCA	RGB 143 171 202	#8FABCA

#E6ECFA #D6DFF2 #C6D3EA #B7C8E2 #A9BDDA #9CB4D2 #8FABCA

#E6ECFA - #B7C8E2 - #8FABCA

CSS codes

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

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