#8C8EF7 - #ADCBF5 | 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 #8C8EF7 to #ADCBF5

#8C8EF7 #ADCBF5

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

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

0.0%	0.0% #8C8EF7	RGB 140 142 247	#8C8EF7
16.7%	16.7% #9198F6	RGB 145 152 246	#9198F6
33.3%	33.3% #97A2F6	RGB 151 162 246	#97A2F6
50.0%	50.0% #9CACF6	RGB 156 172 246	#9CACF6
66.7%	66.7% #A2B6F5	RGB 162 182 245	#A2B6F5
83.3%	83.3% #A7C0F5	RGB 167 192 245	#A7C0F5
100.0%	100.0% #ADCBF5	RGB 173 203 245	#ADCBF5

#8C8EF7 #9198F6 #97A2F6 #9CACF6 #A2B6F5 #A7C0F5 #ADCBF5

#8C8EF7 - #ADCBF5

HSV Blend

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

0.0%	0.0% #8C8EF7	RGB 140 142 247	#8C8EF7
16.7%	16.7% #919AF6	RGB 145 154 246	#919AF6
33.3%	33.3% #97A5F6	RGB 151 165 246	#97A5F6
50.0%	50.0% #9CB0F6	RGB 156 176 246	#9CB0F6
66.7%	66.7% #A2B9F5	RGB 162 185 245	#A2B9F5
83.3%	83.3% #A7C2F5	RGB 167 194 245	#A7C2F5
100.0%	100.0% #ADCBF5	RGB 173 203 245	#ADCBF5

#8C8EF7 #919AF6 #97A5F6 #9CB0F6 #A2B9F5 #A7C2F5 #ADCBF5

#8C8EF7 - #9CB0F6 - #ADCBF5

CSS codes

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

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