#5E67AA - #A8ACC4 | 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 #5E67AA to #A8ACC4

#5E67AA #A8ACC4

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

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

0.0%	0.0% #5E67AA	RGB 94 103 170	#5E67AA
16.7%	16.7% #6A72AE	RGB 106 114 174	#6A72AE
33.3%	33.3% #767EB2	RGB 118 126 178	#767EB2
50.0%	50.0% #8389B7	RGB 131 137 183	#8389B7
66.7%	66.7% #8F95BB	RGB 143 149 187	#8F95BB
83.3%	83.3% #9BA0BF	RGB 155 160 191	#9BA0BF
100.0%	100.0% #A8ACC4	RGB 168 172 196	#A8ACC4

#5E67AA #6A72AE #767EB2 #8389B7 #8F95BB #9BA0BF #A8ACC4

#5E67AA - #A8ACC4

HSV Blend

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

0.0%	0.0% #5E67AA	RGB 94 103 170	#5E67AA
16.7%	16.7% #6971AE	RGB 105 113 174	#6971AE
33.3%	33.3% #747CB2	RGB 116 124 178	#747CB2
50.0%	50.0% #8188B7	RGB 129 136 183	#8188B7
66.7%	66.7% #8D93BB	RGB 141 147 187	#8D93BB
83.3%	83.3% #9A9FBF	RGB 154 159 191	#9A9FBF
100.0%	100.0% #A8ACC4	RGB 168 172 196	#A8ACC4

#5E67AA #6971AE #747CB2 #8188B7 #8D93BB #9A9FBF #A8ACC4

#5E67AA - #8188B7 - #A8ACC4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E67AA 0%, #8188B7 50%, #A8ACC4 100%);
    background: -webkit-linear-gradient(top, #5E67AA 0%, #8188B7 50%, #A8ACC4 100%);
    background: linear-gradient(to bottom, #5E67AA 0%, #8188B7 50%, #A8ACC4 100%);
}
</style>