#8CACAB - #CCA8FF | 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 #8CACAB to #CCA8FF

#8CACAB #CCA8FF

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

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

0.0%	0.0% #8CACAB	RGB 140 172 171	#8CACAB
16.7%	16.7% #96ABB9	RGB 150 171 185	#96ABB9
33.3%	33.3% #A1AAC7	RGB 161 170 199	#A1AAC7
50.0%	50.0% #ACAAD5	RGB 172 170 213	#ACAAD5
66.7%	66.7% #B6A9E3	RGB 182 169 227	#B6A9E3
83.3%	83.3% #C1A8F1	RGB 193 168 241	#C1A8F1
100.0%	100.0% #CCA8FF	RGB 204 168 255	#CCA8FF

#8CACAB #96ABB9 #A1AAC7 #ACAAD5 #B6A9E3 #C1A8F1 #CCA8FF

#8CACAB - #CCA8FF

HSV Blend

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

0.0%	0.0% #8CACAB	RGB 140 172 171	#8CACAB
16.7%	16.7% #92B1B9	RGB 146 177 185	#92B1B9
33.3%	33.3% #98B2C7	RGB 152 178 199	#98B2C7
50.0%	50.0% #9DAED5	RGB 157 174 213	#9DAED5
66.7%	66.7% #A1A5E3	RGB 161 165 227	#A1A5E3
83.3%	83.3% #B2A5F1	RGB 178 165 241	#B2A5F1
100.0%	100.0% #CCA8FF	RGB 204 168 255	#CCA8FF

#8CACAB #92B1B9 #98B2C7 #9DAED5 #A1A5E3 #B2A5F1 #CCA8FF

#8CACAB - #9DAED5 - #CCA8FF

CSS codes

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

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