#8A8CAA - #CFC3B8 | 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 #8A8CAA to #CFC3B8

#8A8CAA #CFC3B8

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

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

0.0%	0.0% #8A8CAA	RGB 138 140 170	#8A8CAA
16.7%	16.7% #9595AC	RGB 149 149 172	#9595AC
33.3%	33.3% #A19EAE	RGB 161 158 174	#A19EAE
50.0%	50.0% #ACA7B1	RGB 172 167 177	#ACA7B1
66.7%	66.7% #B8B0B3	RGB 184 176 179	#B8B0B3
83.3%	83.3% #C3B9B5	RGB 195 185 181	#C3B9B5
100.0%	100.0% #CFC3B8	RGB 207 195 184	#CFC3B8

#8A8CAA #9595AC #A19EAE #ACA7B1 #B8B0B3 #C3B9B5 #CFC3B8

#8A8CAA - #CFC3B8

HSV Blend

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

0.0%	0.0% #8A8CAA	RGB 138 140 170	#8A8CAA
16.7%	16.7% #9C91B0	RGB 156 145 176	#9C91B0
33.3%	33.3% #AF98B6	RGB 175 152 182	#AF98B6
50.0%	50.0% #BCA0B6	RGB 188 160 182	#BCA0B6
66.7%	66.7% #C2A8B1	RGB 194 168 177	#C2A8B1
83.3%	83.3% #C8B1AF	RGB 200 177 175	#C8B1AF
100.0%	100.0% #CFC3B8	RGB 207 195 184	#CFC3B8

#8A8CAA #9C91B0 #AF98B6 #BCA0B6 #C2A8B1 #C8B1AF #CFC3B8

#8A8CAA - #BCA0B6 - #CFC3B8

CSS codes

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

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