#8A8AD1 - #BDC5D8 | 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 #8A8AD1 to #BDC5D8

#8A8AD1 #BDC5D8

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

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

0.0%	0.0% #8A8AD1	RGB 138 138 209	#8A8AD1
16.7%	16.7% #9293D2	RGB 146 147 210	#9293D2
33.3%	33.3% #9B9DD3	RGB 155 157 211	#9B9DD3
50.0%	50.0% #A3A7D4	RGB 163 167 212	#A3A7D4
66.7%	66.7% #ACB1D5	RGB 172 177 213	#ACB1D5
83.3%	83.3% #B4BBD6	RGB 180 187 214	#B4BBD6
100.0%	100.0% #BDC5D8	RGB 189 197 216	#BDC5D8

#8A8AD1 #9293D2 #9B9DD3 #A3A7D4 #ACB1D5 #B4BBD6 #BDC5D8

#8A8AD1 - #BDC5D8

HSV Blend

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

0.0%	0.0% #8A8AD1	RGB 138 138 209	#8A8AD1
16.7%	16.7% #9295D2	RGB 146 149 210	#9295D2
33.3%	33.3% #9AA0D3	RGB 154 160 211	#9AA0D3
50.0%	50.0% #A3AAD4	RGB 163 170 212	#A3AAD4
66.7%	66.7% #ABB3D5	RGB 171 179 213	#ABB3D5
83.3%	83.3% #B4BCD6	RGB 180 188 214	#B4BCD6
100.0%	100.0% #BDC5D8	RGB 189 197 216	#BDC5D8

#8A8AD1 #9295D2 #9AA0D3 #A3AAD4 #ABB3D5 #B4BCD6 #BDC5D8

#8A8AD1 - #A3AAD4 - #BDC5D8

CSS codes

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

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