#5E6B8A - #B8ADA8 | 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 #5E6B8A to #B8ADA8

#5E6B8A #B8ADA8

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

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

0.0%	0.0% #5E6B8A	RGB 94 107 138	#5E6B8A
16.7%	16.7% #6D768F	RGB 109 118 143	#6D768F
33.3%	33.3% #7C8194	RGB 124 129 148	#7C8194
50.0%	50.0% #8B8C99	RGB 139 140 153	#8B8C99
66.7%	66.7% #9A979E	RGB 154 151 158	#9A979E
83.3%	83.3% #A9A2A3	RGB 169 162 163	#A9A2A3
100.0%	100.0% #B8ADA8	RGB 184 173 168	#B8ADA8

#5E6B8A #6D768F #7C8194 #8B8C99 #9A979E #A9A2A3 #B8ADA8

#5E6B8A - #B8ADA8

HSV Blend

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

0.0%	0.0% #5E6B8A	RGB 94 107 138	#5E6B8A
16.7%	16.7% #6E6891	RGB 110 104 145	#6E6891
33.3%	33.3% #897499	RGB 137 116 153	#897499
50.0%	50.0% #A180A0	RGB 161 128 160	#A180A0
66.7%	66.7% #A88C9C	RGB 168 140 156	#A88C9C
83.3%	83.3% #B09A9C	RGB 176 154 156	#B09A9C
100.0%	100.0% #B8ADA8	RGB 184 173 168	#B8ADA8

#5E6B8A #6E6891 #897499 #A180A0 #A88C9C #B09A9C #B8ADA8

#5E6B8A - #A180A0 - #B8ADA8

CSS codes

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

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