#9FA2CD - #E3E4F0 | 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 #9FA2CD to #E3E4F0

#9FA2CD #E3E4F0

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

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

0.0%	0.0% #9FA2CD	RGB 159 162 205	#9FA2CD
16.7%	16.7% #AAADD2	RGB 170 173 210	#AAADD2
33.3%	33.3% #B5B8D8	RGB 181 184 216	#B5B8D8
50.0%	50.0% #C1C3DE	RGB 193 195 222	#C1C3DE
66.7%	66.7% #CCCEE4	RGB 204 206 228	#CCCEE4
83.3%	83.3% #D7D9EA	RGB 215 217 234	#D7D9EA
100.0%	100.0% #E3E4F0	RGB 227 228 240	#E3E4F0

#9FA2CD #AAADD2 #B5B8D8 #C1C3DE #CCCEE4 #D7D9EA #E3E4F0

#9FA2CD - #E3E4F0

HSV Blend

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

0.0%	0.0% #9FA2CD	RGB 159 162 205	#9FA2CD
16.7%	16.7% #A9ACD2	RGB 169 172 210	#A9ACD2
33.3%	33.3% #B4B6D8	RGB 180 182 216	#B4B6D8
50.0%	50.0% #BFC1DE	RGB 191 193 222	#BFC1DE
66.7%	66.7% #CBCCE4	RGB 203 204 228	#CBCCE4
83.3%	83.3% #D6D8EA	RGB 214 216 234	#D6D8EA
100.0%	100.0% #E3E4F0	RGB 227 228 240	#E3E4F0

#9FA2CD #A9ACD2 #B4B6D8 #BFC1DE #CBCCE4 #D6D8EA #E3E4F0

#9FA2CD - #BFC1DE - #E3E4F0

CSS codes

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

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