#5E669C - #ADAAB7 | 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 #5E669C to #ADAAB7

#5E669C #ADAAB7

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

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

0.0%	0.0% #5E669C	RGB 94 102 156	#5E669C
16.7%	16.7% #6B71A0	RGB 107 113 160	#6B71A0
33.3%	33.3% #787CA5	RGB 120 124 165	#787CA5
50.0%	50.0% #8588A9	RGB 133 136 169	#8588A9
66.7%	66.7% #9293AE	RGB 146 147 174	#9293AE
83.3%	83.3% #9F9EB2	RGB 159 158 178	#9F9EB2
100.0%	100.0% #ADAAB7	RGB 173 170 183	#ADAAB7

#5E669C #6B71A0 #787CA5 #8588A9 #9293AE #9F9EB2 #ADAAB7

#5E669C - #ADAAB7

HSV Blend

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

0.0%	0.0% #5E669C	RGB 94 102 156	#5E669C
16.7%	16.7% #696DA0	RGB 105 109 160	#696DA0
33.3%	33.3% #7575A5	RGB 117 117 165	#7575A5
50.0%	50.0% #8381A9	RGB 131 129 169	#8381A9
66.7%	66.7% #928EAE	RGB 146 142 174	#928EAE
83.3%	83.3% #9F9CB2	RGB 159 156 178	#9F9CB2
100.0%	100.0% #ADAAB7	RGB 173 170 183	#ADAAB7

#5E669C #696DA0 #7575A5 #8381A9 #928EAE #9F9CB2 #ADAAB7

#5E669C - #8381A9 - #ADAAB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E669C 0%, #8381A9 50%, #ADAAB7 100%);
    background: -webkit-linear-gradient(top, #5E669C 0%, #8381A9 50%, #ADAAB7 100%);
    background: linear-gradient(to bottom, #5E669C 0%, #8381A9 50%, #ADAAB7 100%);
}
</style>