#5E6B86 - #B9ADA4 | 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 #5E6B86 to #B9ADA4

#5E6B86 #B9ADA4

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

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

0.0%	0.0% #5E6B86	RGB 94 107 134	#5E6B86
16.7%	16.7% #6D768B	RGB 109 118 139	#6D768B
33.3%	33.3% #7C8190	RGB 124 129 144	#7C8190
50.0%	50.0% #8B8C95	RGB 139 140 149	#8B8C95
66.7%	66.7% #9A979A	RGB 154 151 154	#9A979A
83.3%	83.3% #A9A29F	RGB 169 162 159	#A9A29F
100.0%	100.0% #B9ADA4	RGB 185 173 164	#B9ADA4

#5E6B86 #6D768B #7C8190 #8B8C95 #9A979A #A9A29F #B9ADA4

#5E6B86 - #B9ADA4

HSV Blend

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

0.0%	0.0% #5E6B86	RGB 94 107 134	#5E6B86
16.7%	16.7% #6D688E	RGB 109 104 142	#6D688E
33.3%	33.3% #887397	RGB 136 115 151	#887397
50.0%	50.0% #9F7E9D	RGB 159 126 157	#9F7E9D
66.7%	66.7% #A88A98	RGB 168 138 152	#A88A98
83.3%	83.3% #B09797	RGB 176 151 151	#B09797
100.0%	100.0% #B9ADA4	RGB 185 173 164	#B9ADA4

#5E6B86 #6D688E #887397 #9F7E9D #A88A98 #B09797 #B9ADA4

#5E6B86 - #9F7E9D - #B9ADA4

CSS codes

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

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