#5E68A0 - #ADACBB | 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 #5E68A0 to #ADACBB

#5E68A0 #ADACBB

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

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

0.0%	0.0% #5E68A0	RGB 94 104 160	#5E68A0
16.7%	16.7% #6B73A4	RGB 107 115 164	#6B73A4
33.3%	33.3% #787EA9	RGB 120 126 169	#787EA9
50.0%	50.0% #858AAD	RGB 133 138 173	#858AAD
66.7%	66.7% #9295B2	RGB 146 149 178	#9295B2
83.3%	83.3% #9FA0B6	RGB 159 160 182	#9FA0B6
100.0%	100.0% #ADACBB	RGB 173 172 187	#ADACBB

#5E68A0 #6B73A4 #787EA9 #858AAD #9295B2 #9FA0B6 #ADACBB

#5E68A0 - #ADACBB

HSV Blend

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

0.0%	0.0% #5E68A0	RGB 94 104 160	#5E68A0
16.7%	16.7% #6970A4	RGB 105 112 164	#6970A4
33.3%	33.3% #767AA9	RGB 118 122 169	#767AA9
50.0%	50.0% #8284AD	RGB 130 132 173	#8284AD
66.7%	66.7% #9090B2	RGB 144 144 178	#9090B2
83.3%	83.3% #9E9DB6	RGB 158 157 182	#9E9DB6
100.0%	100.0% #ADACBB	RGB 173 172 187	#ADACBB

#5E68A0 #6970A4 #767AA9 #8284AD #9090B2 #9E9DB6 #ADACBB

#5E68A0 - #8284AD - #ADACBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E68A0 0%, #8284AD 50%, #ADACBB 100%);
    background: -webkit-linear-gradient(top, #5E68A0 0%, #8284AD 50%, #ADACBB 100%);
    background: linear-gradient(to bottom, #5E68A0 0%, #8284AD 50%, #ADACBB 100%);
}
</style>