#8A8AC7 - #DDDDEF | 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 #8A8AC7 to #DDDDEF

#8A8AC7 #DDDDEF

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

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

0.0%	0.0% #8A8AC7	RGB 138 138 199	#8A8AC7
16.7%	16.7% #9797CD	RGB 151 151 205	#9797CD
33.3%	33.3% #A5A5D4	RGB 165 165 212	#A5A5D4
50.0%	50.0% #B3B3DB	RGB 179 179 219	#B3B3DB
66.7%	66.7% #C1C1E1	RGB 193 193 225	#C1C1E1
83.3%	83.3% #CFCFE8	RGB 207 207 232	#CFCFE8
100.0%	100.0% #DDDDEF	RGB 221 221 239	#DDDDEF

#8A8AC7 #9797CD #A5A5D4 #B3B3DB #C1C1E1 #CFCFE8 #DDDDEF

#8A8AC7 - #DDDDEF

HSV Blend

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

0.0%	0.0% #8A8AC7	RGB 138 138 199	#8A8AC7
16.7%	16.7% #9696CD	RGB 150 150 205	#9696CD
33.3%	33.3% #A3A3D4	RGB 163 163 212	#A3A3D4
50.0%	50.0% #B1B1DB	RGB 177 177 219	#B1B1DB
66.7%	66.7% #BFBFE1	RGB 191 191 225	#BFBFE1
83.3%	83.3% #CDCDE8	RGB 205 205 232	#CDCDE8
100.0%	100.0% #DDDDEF	RGB 221 221 239	#DDDDEF

#8A8AC7 #9696CD #A3A3D4 #B1B1DB #BFBFE1 #CDCDE8 #DDDDEF

#8A8AC7 - #B1B1DB - #DDDDEF

CSS codes

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

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