#8A8DDC - #FFD9FB | 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 #8A8DDC to #FFD9FB

#8A8DDC #FFD9FB

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

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

0.0%	0.0% #8A8DDC	RGB 138 141 220	#8A8DDC
16.7%	16.7% #9D99E1	RGB 157 153 225	#9D99E1
33.3%	33.3% #B1A6E6	RGB 177 166 230	#B1A6E6
50.0%	50.0% #C4B3EB	RGB 196 179 235	#C4B3EB
66.7%	66.7% #D8BFF0	RGB 216 191 240	#D8BFF0
83.3%	83.3% #EBCCF5	RGB 235 204 245	#EBCCF5
100.0%	100.0% #FFD9FB	RGB 255 217 251	#FFD9FB

#8A8DDC #9D99E1 #B1A6E6 #C4B3EB #D8BFF0 #EBCCF5 #FFD9FB

#8A8DDC - #FFD9FB

HSV Blend

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

0.0%	0.0% #8A8CDC	RGB 138 140 220	#8A8CDC
16.7%	16.7% #A196E1	RGB 161 150 225	#A196E1
33.3%	33.3% #BAA2E7	RGB 186 162 231	#BAA2E7
50.0%	50.0% #D0AFED	RGB 208 175 237	#D0AFED
66.7%	66.7% #E4BCF3	RGB 228 188 243	#E4BCF3
83.3%	83.3% #F5CAF9	RGB 245 202 249	#F5CAF9
100.0%	100.0% #FFD9FB	RGB 255 217 251	#FFD9FB

#8A8CDC #A196E1 #BAA2E7 #D0AFED #E4BCF3 #F5CAF9 #FFD9FB

#8A8DDC - #D0AFED - #FFD9FB

CSS codes

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

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