#9196C0 - #ACB0FF | 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 #9196C0 to #ACB0FF

#9196C0 #ACB0FF

Calculate the color between two colors, #9196C0 and #ACB0FF. 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)

#9196C0 - #ACB0FF | 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 #9196C0 as 0% and #ACB0FF as 100%.

0.0%	0.0% #9196C0	RGB 145 150 192	#9196C0
16.7%	16.7% #959ACA	RGB 149 154 202	#959ACA
33.3%	33.3% #9A9ED5	RGB 154 158 213	#9A9ED5
50.0%	50.0% #9EA3DF	RGB 158 163 223	#9EA3DF
66.7%	66.7% #A3A7EA	RGB 163 167 234	#A3A7EA
83.3%	83.3% #A7ABF4	RGB 167 171 244	#A7ABF4
100.0%	100.0% #ACB0FF	RGB 172 176 255	#ACB0FF

#9196C0 #959ACA #9A9ED5 #9EA3DF #A3A7EA #A7ABF4 #ACB0FF

#9196C0 - #ACB0FF

HSV Blend

#9196C0 - #ACB0FF | 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 #9196C0 as 0% and #ACB0FF as 100%.

0.0%	0.0% #9196C0	RGB 145 150 192	#9196C0
16.7%	16.7% #969BCA	RGB 150 155 202	#969BCA
33.3%	33.3% #9BA0D5	RGB 155 160 213	#9BA0D5
50.0%	50.0% #9FA4DF	RGB 159 164 223	#9FA4DF
66.7%	66.7% #A4A8EA	RGB 164 168 234	#A4A8EA
83.3%	83.3% #A8ACF4	RGB 168 172 244	#A8ACF4
100.0%	100.0% #ACB0FF	RGB 172 176 255	#ACB0FF

#9196C0 #969BCA #9BA0D5 #9FA4DF #A4A8EA #A8ACF4 #ACB0FF

#9196C0 - #9FA4DF - #ACB0FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9196C0 0%, #9FA4DF 50%, #ACB0FF 100%);
    background: -webkit-linear-gradient(top, #9196C0 0%, #9FA4DF 50%, #ACB0FF 100%);
    background: linear-gradient(to bottom, #9196C0 0%, #9FA4DF 50%, #ACB0FF 100%);
}
</style>