#8A8BA1 - #CDA1FF | 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 #8A8BA1 to #CDA1FF

#8A8BA1 #CDA1FF

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

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

0.0%	0.0% #8A8BA1	RGB 138 139 161	#8A8BA1
16.7%	16.7% #958EB0	RGB 149 142 176	#958EB0
33.3%	33.3% #A092C0	RGB 160 146 192	#A092C0
50.0%	50.0% #AB96D0	RGB 171 150 208	#AB96D0
66.7%	66.7% #B699DF	RGB 182 153 223	#B699DF
83.3%	83.3% #C19DEF	RGB 193 157 239	#C19DEF
100.0%	100.0% #CDA1FF	RGB 205 161 255	#CDA1FF

#8A8BA1 #958EB0 #A092C0 #AB96D0 #B699DF #C19DEF #CDA1FF

#8A8BA1 - #CDA1FF

HSV Blend

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

0.0%	0.0% #8A8BA1	RGB 138 139 161	#8A8BA1
16.7%	16.7% #9290B0	RGB 146 144 176	#9290B0
33.3%	33.3% #9B96C0	RGB 155 150 192	#9B96C0
50.0%	50.0% #A69AD0	RGB 166 154 208	#A69AD0
66.7%	66.7% #B19EDF	RGB 177 158 223	#B19EDF
83.3%	83.3% #BEA0EF	RGB 190 160 239	#BEA0EF
100.0%	100.0% #CDA1FF	RGB 205 161 255	#CDA1FF

#8A8BA1 #9290B0 #9B96C0 #A69AD0 #B19EDF #BEA0EF #CDA1FF

#8A8BA1 - #A69AD0 - #CDA1FF

CSS codes

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

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