#5E65B3 - #A3ABCC | 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 #5E65B3 to #A3ABCC

#5E65B3 #A3ABCC

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

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

0.0%	0.0% #5E65B3	RGB 94 101 179	#5E65B3
16.7%	16.7% #6970B7	RGB 105 112 183	#6970B7
33.3%	33.3% #757CBB	RGB 117 124 187	#757CBB
50.0%	50.0% #8088BF	RGB 128 136 191	#8088BF
66.7%	66.7% #8C93C3	RGB 140 147 195	#8C93C3
83.3%	83.3% #979FC7	RGB 151 159 199	#979FC7
100.0%	100.0% #A3ABCC	RGB 163 171 204	#A3ABCC

#5E65B3 #6970B7 #757CBB #8088BF #8C93C3 #979FC7 #A3ABCC

#5E65B3 - #A3ABCC

HSV Blend

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

0.0%	0.0% #5E65B3	RGB 94 101 179	#5E65B3
16.7%	16.7% #6870B7	RGB 104 112 183	#6870B7
33.3%	33.3% #737CBB	RGB 115 124 187	#737CBB
50.0%	50.0% #7E87BF	RGB 126 135 191	#7E87BF
66.7%	66.7% #8A93C3	RGB 138 147 195	#8A93C3
83.3%	83.3% #969FC7	RGB 150 159 199	#969FC7
100.0%	100.0% #A3ABCC	RGB 163 171 204	#A3ABCC

#5E65B3 #6870B7 #737CBB #7E87BF #8A93C3 #969FC7 #A3ABCC

#5E65B3 - #7E87BF - #A3ABCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E65B3 0%, #7E87BF 50%, #A3ABCC 100%);
    background: -webkit-linear-gradient(top, #5E65B3 0%, #7E87BF 50%, #A3ABCC 100%);
    background: linear-gradient(to bottom, #5E65B3 0%, #7E87BF 50%, #A3ABCC 100%);
}
</style>