#8A8DC7 - #DDDEEF | 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 #8A8DC7 to #DDDEEF

#8A8DC7 #DDDEEF

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

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

0.0%	0.0% #8A8DC7	RGB 138 141 199	#8A8DC7
16.7%	16.7% #979ACD	RGB 151 154 205	#979ACD
33.3%	33.3% #A5A8D4	RGB 165 168 212	#A5A8D4
50.0%	50.0% #B3B5DB	RGB 179 181 219	#B3B5DB
66.7%	66.7% #C1C3E1	RGB 193 195 225	#C1C3E1
83.3%	83.3% #CFD0E8	RGB 207 208 232	#CFD0E8
100.0%	100.0% #DDDEEF	RGB 221 222 239	#DDDEEF

#8A8DC7 #979ACD #A5A8D4 #B3B5DB #C1C3E1 #CFD0E8 #DDDEEF

#8A8DC7 - #DDDEEF

HSV Blend

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

0.0%	0.0% #8A8CC7	RGB 138 140 199	#8A8CC7
16.7%	16.7% #9699CD	RGB 150 153 205	#9699CD
33.3%	33.3% #A3A6D4	RGB 163 166 212	#A3A6D4
50.0%	50.0% #B1B3DB	RGB 177 179 219	#B1B3DB
66.7%	66.7% #BFC1E1	RGB 191 193 225	#BFC1E1
83.3%	83.3% #CDCFE8	RGB 205 207 232	#CDCFE8
100.0%	100.0% #DDDEEF	RGB 221 222 239	#DDDEEF

#8A8CC7 #9699CD #A3A6D4 #B1B3DB #BFC1E1 #CDCFE8 #DDDEEF

#8A8DC7 - #B1B3DB - #DDDEEF

CSS codes

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

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