#5E6991 - #B3ACAD | 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 #5E6991 to #B3ACAD

#5E6991 #B3ACAD

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

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

0.0%	0.0% #5E6991	RGB 94 105 145	#5E6991
16.7%	16.7% #6C7495	RGB 108 116 149	#6C7495
33.3%	33.3% #7A7F9A	RGB 122 127 154	#7A7F9A
50.0%	50.0% #888A9F	RGB 136 138 159	#888A9F
66.7%	66.7% #9695A3	RGB 150 149 163	#9695A3
83.3%	83.3% #A4A0A8	RGB 164 160 168	#A4A0A8
100.0%	100.0% #B3ACAD	RGB 179 172 173	#B3ACAD

#5E6991 #6C7495 #7A7F9A #888A9F #9695A3 #A4A0A8 #B3ACAD

#5E6991 - #B3ACAD

HSV Blend

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

0.0%	0.0% #5E6991	RGB 94 105 145	#5E6991
16.7%	16.7% #6F6996	RGB 111 105 150	#6F6996
33.3%	33.3% #88759C	RGB 136 117 156	#88759C
50.0%	50.0% #9C82A2	RGB 156 130 162	#9C82A2
66.7%	66.7% #A78FA3	RGB 167 143 163	#A78FA3
83.3%	83.3% #AD9DA5	RGB 173 157 165	#AD9DA5
100.0%	100.0% #B3ACAD	RGB 179 172 173	#B3ACAD

#5E6991 #6F6996 #88759C #9C82A2 #A78FA3 #AD9DA5 #B3ACAD

#5E6991 - #9C82A2 - #B3ACAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6991 0%, #9C82A2 50%, #B3ACAD 100%);
    background: -webkit-linear-gradient(top, #5E6991 0%, #9C82A2 50%, #B3ACAD 100%);
    background: linear-gradient(to bottom, #5E6991 0%, #9C82A2 50%, #B3ACAD 100%);
}
</style>