#8F9F9C - #CC9EFF | 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 #8F9F9C to #CC9EFF

#8F9F9C #CC9EFF

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

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

0.0%	0.0% #8F9F9C	RGB 143 159 156	#8F9F9C
16.7%	16.7% #999EAC	RGB 153 158 172	#999EAC
33.3%	33.3% #A39EBD	RGB 163 158 189	#A39EBD
50.0%	50.0% #AD9ECD	RGB 173 158 205	#AD9ECD
66.7%	66.7% #B79EDE	RGB 183 158 222	#B79EDE
83.3%	83.3% #C19EEE	RGB 193 158 238	#C19EEE
100.0%	100.0% #CC9EFF	RGB 204 158 255	#CC9EFF

#8F9F9C #999EAC #A39EBD #AD9ECD #B79EDE #C19EEE #CC9EFF

#8F9F9C - #CC9EFF

HSV Blend

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

0.0%	0.0% #8F9F9C	RGB 143 159 156	#8F9F9C
16.7%	16.7% #95ACAF	RGB 149 172 175	#95ACAF
33.3%	33.3% #99B1BF	RGB 153 177 191	#99B1BF
50.0%	50.0% #9DAECF	RGB 157 174 207	#9DAECF
66.7%	66.7% #9EA4DF	RGB 158 164 223	#9EA4DF
83.3%	83.3% #AE9FEF	RGB 174 159 239	#AE9FEF
100.0%	100.0% #CC9EFF	RGB 204 158 255	#CC9EFF

#8F9F9C #95ACAF #99B1BF #9DAECF #9EA4DF #AE9FEF #CC9EFF

#8F9F9C - #9DAECF - #CC9EFF

CSS codes

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

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