#8C8495 - #ADA3E7 | 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 #8C8495 to #ADA3E7

#8C8495 #ADA3E7

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

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

0.0%	0.0% #8C8495	RGB 140 132 149	#8C8495
16.7%	16.7% #9189A2	RGB 145 137 162	#9189A2
33.3%	33.3% #978EB0	RGB 151 142 176	#978EB0
50.0%	50.0% #9C93BE	RGB 156 147 190	#9C93BE
66.7%	66.7% #A298CB	RGB 162 152 203	#A298CB
83.3%	83.3% #A79DD9	RGB 167 157 217	#A79DD9
100.0%	100.0% #ADA3E7	RGB 173 163 231	#ADA3E7

#8C8495 #9189A2 #978EB0 #9C93BE #A298CB #A79DD9 #ADA3E7

#8C8495 - #ADA3E7

HSV Blend

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

0.0%	0.0% #8C8495	RGB 140 132 149	#8C8495
16.7%	16.7% #948BA2	RGB 148 139 162	#948BA2
33.3%	33.3% #9C91B0	RGB 156 145 176	#9C91B0
50.0%	50.0% #A397BE	RGB 163 151 190	#A397BE
66.7%	66.7% #A89BCB	RGB 168 155 203	#A89BCB
83.3%	83.3% #AB9FD9	RGB 171 159 217	#AB9FD9
100.0%	100.0% #ADA3E7	RGB 173 163 231	#ADA3E7

#8C8495 #948BA2 #9C91B0 #A397BE #A89BCB #AB9FD9 #ADA3E7

#8C8495 - #A397BE - #ADA3E7

CSS codes

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

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