#9FABDA - #E4C4FF | 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 #9FABDA to #E4C4FF

#9FABDA #E4C4FF

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

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

0.0%	0.0% #9FABDA	RGB 159 171 218	#9FABDA
16.7%	16.7% #AAAFE0	RGB 170 175 224	#AAAFE0
33.3%	33.3% #B6B3E6	RGB 182 179 230	#B6B3E6
50.0%	50.0% #C1B7EC	RGB 193 183 236	#C1B7EC
66.7%	66.7% #CDBBF2	RGB 205 187 242	#CDBBF2
83.3%	83.3% #D8BFF8	RGB 216 191 248	#D8BFF8
100.0%	100.0% #E4C4FF	RGB 228 196 255	#E4C4FF

#9FABDA #AAAFE0 #B6B3E6 #C1B7EC #CDBBF2 #D8BFF8 #E4C4FF

#9FABDA - #E4C4FF

HSV Blend

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

0.0%	0.0% #9FABDA	RGB 159 171 218	#9FABDA
16.7%	16.7% #A4A9E0	RGB 164 169 224	#A4A9E0
33.3%	33.3% #ADABE6	RGB 173 171 230	#ADABE6
50.0%	50.0% #BBB1EC	RGB 187 177 236	#BBB1EC
66.7%	66.7% #C8B7F2	RGB 200 183 242	#C8B7F2
83.3%	83.3% #D6BDF8	RGB 214 189 248	#D6BDF8
100.0%	100.0% #E4C4FF	RGB 228 196 255	#E4C4FF

#9FABDA #A4A9E0 #ADABE6 #BBB1EC #C8B7F2 #D6BDF8 #E4C4FF

#9FABDA - #BBB1EC - #E4C4FF

CSS codes

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

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