#5E659C - #ACA9B7 | 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 #5E659C to #ACA9B7

#5E659C #ACA9B7

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

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

0.0%	0.0% #5E659C	RGB 94 101 156	#5E659C
16.7%	16.7% #6B70A0	RGB 107 112 160	#6B70A0
33.3%	33.3% #787BA5	RGB 120 123 165	#787BA5
50.0%	50.0% #8587A9	RGB 133 135 169	#8587A9
66.7%	66.7% #9292AE	RGB 146 146 174	#9292AE
83.3%	83.3% #9F9DB2	RGB 159 157 178	#9F9DB2
100.0%	100.0% #ACA9B7	RGB 172 169 183	#ACA9B7

#5E659C #6B70A0 #787BA5 #8587A9 #9292AE #9F9DB2 #ACA9B7

#5E659C - #ACA9B7

HSV Blend

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

0.0%	0.0% #5E659C	RGB 94 101 156	#5E659C
16.7%	16.7% #696CA0	RGB 105 108 160	#696CA0
33.3%	33.3% #7575A5	RGB 117 117 165	#7575A5
50.0%	50.0% #8381A9	RGB 131 129 169	#8381A9
66.7%	66.7% #918EAE	RGB 145 142 174	#918EAE
83.3%	83.3% #9F9BB2	RGB 159 155 178	#9F9BB2
100.0%	100.0% #ACA9B7	RGB 172 169 183	#ACA9B7

#5E659C #696CA0 #7575A5 #8381A9 #918EAE #9F9BB2 #ACA9B7

#5E659C - #8381A9 - #ACA9B7

CSS codes

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

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