#8CACBA - #ABC6FF | 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 #8CACBA to #ABC6FF

#8CACBA #ABC6FF

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

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

0.0%	0.0% #8CACBA	RGB 140 172 186	#8CACBA
16.7%	16.7% #91B0C5	RGB 145 176 197	#91B0C5
33.3%	33.3% #96B4D1	RGB 150 180 209	#96B4D1
50.0%	50.0% #9BB9DC	RGB 155 185 220	#9BB9DC
66.7%	66.7% #A0BDE8	RGB 160 189 232	#A0BDE8
83.3%	83.3% #A5C1F3	RGB 165 193 243	#A5C1F3
100.0%	100.0% #ABC6FF	RGB 171 198 255	#ABC6FF

#8CACBA #91B0C5 #96B4D1 #9BB9DC #A0BDE8 #A5C1F3 #ABC6FF

#8CACBA - #ABC6FF

HSV Blend

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

0.0%	0.0% #8CACBA	RGB 140 172 186	#8CACBA
16.7%	16.7% #91B2C5	RGB 145 178 197	#91B2C5
33.3%	33.3% #97B8D1	RGB 151 184 209	#97B8D1
50.0%	50.0% #9CBDDC	RGB 156 189 220	#9CBDDC
66.7%	66.7% #A1C1E8	RGB 161 193 232	#A1C1E8
83.3%	83.3% #A6C4F3	RGB 166 196 243	#A6C4F3
100.0%	100.0% #ABC6FF	RGB 171 198 255	#ABC6FF

#8CACBA #91B2C5 #97B8D1 #9CBDDC #A1C1E8 #A6C4F3 #ABC6FF

#8CACBA - #9CBDDC - #ABC6FF

CSS codes

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

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