#9400DA - #8CD7FF | 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 #9400DA to #8CD7FF

#9400DA #8CD7FF

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

#9400DA - #8CD7FF | 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 #9400DA as 0% and #8CD7FF as 100%.

0.0%	0.0% #9400DA	RGB 148 0 218	#9400DA
16.7%	16.7% #9223E0	RGB 146 35 224	#9223E0
33.3%	33.3% #9147E6	RGB 145 71 230	#9147E6
50.0%	50.0% #906BEC	RGB 144 107 236	#906BEC
66.7%	66.7% #8E8FF2	RGB 142 143 242	#8E8FF2
83.3%	83.3% #8DB3F8	RGB 141 179 248	#8DB3F8
100.0%	100.0% #8CD7FF	RGB 140 215 255	#8CD7FF

#9400DA #9223E0 #9147E6 #906BEC #8E8FF2 #8DB3F8 #8CD7FF

#9400DA - #8CD7FF

HSV Blend

#9400DA - #8CD7FF | 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 #9400DA as 0% and #8CD7FF as 100%.

0.0%	0.0% #9400DA	RGB 148 0 218	#9400DA
16.7%	16.7% #7114E0	RGB 113 20 224	#7114E0
33.3%	33.3% #562AE6	RGB 86 42 230	#562AE6
50.0%	50.0% #4340EC	RGB 67 64 236	#4340EC
66.7%	66.7% #5878F2	RGB 88 120 242	#5878F2
83.3%	83.3% #71ABF8	RGB 113 171 248	#71ABF8
100.0%	100.0% #8CD7FF	RGB 140 215 255	#8CD7FF

#9400DA #7114E0 #562AE6 #4340EC #5878F2 #71ABF8 #8CD7FF

#9400DA - #4340EC - #8CD7FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9400DA 0%, #4340EC 50%, #8CD7FF 100%);
    background: -webkit-linear-gradient(top, #9400DA 0%, #4340EC 50%, #8CD7FF 100%);
    background: linear-gradient(to bottom, #9400DA 0%, #4340EC 50%, #8CD7FF 100%);
}
</style>