#8A8BDA - #FFD4EC | 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 #8A8BDA to #FFD4EC

#8A8BDA #FFD4EC

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

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

0.0%	0.0% #8A8BDA	RGB 138 139 218	#8A8BDA
16.7%	16.7% #9D97DD	RGB 157 151 221	#9D97DD
33.3%	33.3% #B1A3E0	RGB 177 163 224	#B1A3E0
50.0%	50.0% #C4AFE3	RGB 196 175 227	#C4AFE3
66.7%	66.7% #D8BBE6	RGB 216 187 230	#D8BBE6
83.3%	83.3% #EBC7E9	RGB 235 199 233	#EBC7E9
100.0%	100.0% #FFD4EC	RGB 255 212 236	#FFD4EC

#8A8BDA #9D97DD #B1A3E0 #C4AFE3 #D8BBE6 #EBC7E9 #FFD4EC

#8A8BDA - #FFD4EC

HSV Blend

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

0.0%	0.0% #8A8BDA	RGB 138 139 218	#8A8BDA
16.7%	16.7% #A695E0	RGB 166 149 224	#A695E0
33.3%	33.3% #C1A1E6	RGB 193 161 230	#C1A1E6
50.0%	50.0% #DAADEC	RGB 218 173 236	#DAADEC
66.7%	66.7% #F0B9F2	RGB 240 185 242	#F0B9F2
83.3%	83.3% #F8C6EE	RGB 248 198 238	#F8C6EE
100.0%	100.0% #FFD4EC	RGB 255 212 236	#FFD4EC

#8A8BDA #A695E0 #C1A1E6 #DAADEC #F0B9F2 #F8C6EE #FFD4EC

#8A8BDA - #DAADEC - #FFD4EC

CSS codes

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

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