#5E68A2 - #ACACBC | 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 #5E68A2 to #ACACBC

#5E68A2 #ACACBC

Calculate the color between two colors, #5E68A2 and #ACACBC. 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)

#5E68A2 - #ACACBC | 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 #5E68A2 as 0% and #ACACBC as 100%.

0.0%	0.0% #5E68A2	RGB 94 104 162	#5E68A2
16.7%	16.7% #6B73A6	RGB 107 115 166	#6B73A6
33.3%	33.3% #787EAA	RGB 120 126 170	#787EAA
50.0%	50.0% #858AAF	RGB 133 138 175	#858AAF
66.7%	66.7% #9295B3	RGB 146 149 179	#9295B3
83.3%	83.3% #9FA0B7	RGB 159 160 183	#9FA0B7
100.0%	100.0% #ACACBC	RGB 172 172 188	#ACACBC

#5E68A2 #6B73A6 #787EAA #858AAF #9295B3 #9FA0B7 #ACACBC

#5E68A2 - #ACACBC

HSV Blend

#5E68A2 - #ACACBC | 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 #5E68A2 as 0% and #ACACBC as 100%.

0.0%	0.0% #5E68A2	RGB 94 104 162	#5E68A2
16.7%	16.7% #6971A6	RGB 105 113 166	#6971A6
33.3%	33.3% #767BAA	RGB 118 123 170	#767BAA
50.0%	50.0% #8286AF	RGB 130 134 175	#8286AF
66.7%	66.7% #9091B3	RGB 144 145 179	#9091B3
83.3%	83.3% #9D9EB7	RGB 157 158 183	#9D9EB7
100.0%	100.0% #ACACBC	RGB 172 172 188	#ACACBC

#5E68A2 #6971A6 #767BAA #8286AF #9091B3 #9D9EB7 #ACACBC

#5E68A2 - #8286AF - #ACACBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E68A2 0%, #8286AF 50%, #ACACBC 100%);
    background: -webkit-linear-gradient(top, #5E68A2 0%, #8286AF 50%, #ACACBC 100%);
    background: linear-gradient(to bottom, #5E68A2 0%, #8286AF 50%, #ACACBC 100%);
}
</style>