#8A8ADC - #DDDDF5 | 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 #8A8ADC to #DDDDF5

#8A8ADC #DDDDF5

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

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

0.0%	0.0% #8A8ADC	RGB 138 138 220	#8A8ADC
16.7%	16.7% #9797E0	RGB 151 151 224	#9797E0
33.3%	33.3% #A5A5E4	RGB 165 165 228	#A5A5E4
50.0%	50.0% #B3B3E8	RGB 179 179 232	#B3B3E8
66.7%	66.7% #C1C1EC	RGB 193 193 236	#C1C1EC
83.3%	83.3% #CFCFF0	RGB 207 207 240	#CFCFF0
100.0%	100.0% #DDDDF5	RGB 221 221 245	#DDDDF5

#8A8ADC #9797E0 #A5A5E4 #B3B3E8 #C1C1EC #CFCFF0 #DDDDF5

#8A8ADC - #DDDDF5

HSV Blend

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

0.0%	0.0% #8A8ADC	RGB 138 138 220	#8A8ADC
16.7%	16.7% #9696E0	RGB 150 150 224	#9696E0
33.3%	33.3% #A4A4E4	RGB 164 164 228	#A4A4E4
50.0%	50.0% #B1B1E8	RGB 177 177 232	#B1B1E8
66.7%	66.7% #BFBFEC	RGB 191 191 236	#BFBFEC
83.3%	83.3% #CECEF0	RGB 206 206 240	#CECEF0
100.0%	100.0% #DDDDF5	RGB 221 221 245	#DDDDF5

#8A8ADC #9696E0 #A4A4E4 #B1B1E8 #BFBFEC #CECEF0 #DDDDF5

#8A8ADC - #B1B1E8 - #DDDDF5

CSS codes

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

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