#8C9FAC - #CEB8BA | 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 #8C9FAC to #CEB8BA

#8C9FAC #CEB8BA

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

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

0.0%	0.0% #8C9FAC	RGB 140 159 172	#8C9FAC
16.7%	16.7% #97A3AE	RGB 151 163 174	#97A3AE
33.3%	33.3% #A2A7B0	RGB 162 167 176	#A2A7B0
50.0%	50.0% #ADABB3	RGB 173 171 179	#ADABB3
66.7%	66.7% #B8AFB5	RGB 184 175 181	#B8AFB5
83.3%	83.3% #C3B3B7	RGB 195 179 183	#C3B3B7
100.0%	100.0% #CEB8BA	RGB 206 184 186	#CEB8BA

#8C9FAC #97A3AE #A2A7B0 #ADABB3 #B8AFB5 #C3B3B7 #CEB8BA

#8C9FAC - #CEB8BA

HSV Blend

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

0.0%	0.0% #8C9FAC	RGB 140 159 172	#8C9FAC
16.7%	16.7% #9298B1	RGB 146 152 177	#9298B1
33.3%	33.3% #A19AB7	RGB 161 154 183	#A19AB7
50.0%	50.0% #B3A1BD	RGB 179 161 189	#B3A1BD
66.7%	66.7% #C2A8C0	RGB 194 168 192	#C2A8C0
83.3%	83.3% #C8B0BC	RGB 200 176 188	#C8B0BC
100.0%	100.0% #CEB8BA	RGB 206 184 186	#CEB8BA

#8C9FAC #9298B1 #A19AB7 #B3A1BD #C2A8C0 #C8B0BC #CEB8BA

#8C9FAC - #B3A1BD - #CEB8BA

CSS codes

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

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