#8C8DBE - #A8D7F9 | 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 #8C8DBE to #A8D7F9

#8C8DBE #A8D7F9

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

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

0.0%	0.0% #8C8DBE	RGB 140 141 190	#8C8DBE
16.7%	16.7% #9099C7	RGB 144 153 199	#9099C7
33.3%	33.3% #95A5D1	RGB 149 165 209	#95A5D1
50.0%	50.0% #9AB2DB	RGB 154 178 219	#9AB2DB
66.7%	66.7% #9EBEE5	RGB 158 190 229	#9EBEE5
83.3%	83.3% #A3CAEF	RGB 163 202 239	#A3CAEF
100.0%	100.0% #A8D7F9	RGB 168 215 249	#A8D7F9

#8C8DBE #9099C7 #95A5D1 #9AB2DB #9EBEE5 #A3CAEF #A8D7F9

#8C8DBE - #A8D7F9

HSV Blend

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

0.0%	0.0% #8C8DBE	RGB 140 141 190	#8C8DBE
16.7%	16.7% #9197C7	RGB 145 151 199	#9197C7
33.3%	33.3% #96A2D1	RGB 150 162 209	#96A2D1
50.0%	50.0% #9AAEDB	RGB 154 174 219	#9AAEDB
66.7%	66.7% #9FBAE5	RGB 159 186 229	#9FBAE5
83.3%	83.3% #A3C8EF	RGB 163 200 239	#A3C8EF
100.0%	100.0% #A8D7F9	RGB 168 215 249	#A8D7F9

#8C8DBE #9197C7 #96A2D1 #9AAEDB #9FBAE5 #A3C8EF #A8D7F9

#8C8DBE - #9AAEDB - #A8D7F9

CSS codes

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

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