#8C7D7B - #ABC1DC | 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 #8C7D7B to #ABC1DC

#8C7D7B #ABC1DC

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

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

0.0%	0.0% #8C7D7B	RGB 140 125 123	#8C7D7B
16.7%	16.7% #91888B	RGB 145 136 139	#91888B
33.3%	33.3% #96939B	RGB 150 147 155	#96939B
50.0%	50.0% #9B9FAB	RGB 155 159 171	#9B9FAB
66.7%	66.7% #A0AABB	RGB 160 170 187	#A0AABB
83.3%	83.3% #A5B5CB	RGB 165 181 203	#A5B5CB
100.0%	100.0% #ABC1DC	RGB 171 193 220	#ABC1DC

#8C7D7B #91888B #96939B #9B9FAB #A0AABB #A5B5CB #ABC1DC

#8C7D7B - #ABC1DC

HSV Blend

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

0.0%	0.0% #8C7D7B	RGB 140 125 123	#8C7D7B
16.7%	16.7% #99848A	RGB 153 132 138	#99848A
33.3%	33.3% #A68C9F	RGB 166 140 159	#A68C9F
50.0%	50.0% #AE95B4	RGB 174 149 180	#AE95B4
66.7%	66.7% #AB9CC1	RGB 171 156 193	#AB9CC1
83.3%	83.3% #A4A5CE	RGB 164 165 206	#A4A5CE
100.0%	100.0% #ABC1DC	RGB 171 193 220	#ABC1DC

#8C7D7B #99848A #A68C9F #AE95B4 #AB9CC1 #A4A5CE #ABC1DC

#8C7D7B - #AE95B4 - #ABC1DC

CSS codes

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

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