#5E697E - #BBAB9D | 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 #5E697E to #BBAB9D

#5E697E #BBAB9D

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

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

0.0%	0.0% #5E697E	RGB 94 105 126	#5E697E
16.7%	16.7% #6D7483	RGB 109 116 131	#6D7483
33.3%	33.3% #7D7F88	RGB 125 127 136	#7D7F88
50.0%	50.0% #8C8A8D	RGB 140 138 141	#8C8A8D
66.7%	66.7% #9C9592	RGB 156 149 146	#9C9592
83.3%	83.3% #ABA097	RGB 171 160 151	#ABA097
100.0%	100.0% #BBAB9D	RGB 187 171 157	#BBAB9D

#5E697E #6D7483 #7D7F88 #8C8A8D #9C9592 #ABA097 #BBAB9D

#5E697E - #BBAB9D

HSV Blend

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

0.0%	0.0% #5E697E	RGB 94 105 126	#5E697E
16.7%	16.7% #6B6788	RGB 107 103 136	#6B6788
33.3%	33.3% #857192	RGB 133 113 146	#857192
50.0%	50.0% #9C7C9A	RGB 156 124 154	#9C7C9A
66.7%	66.7% #A68695	RGB 166 134 149	#A68695
83.3%	83.3% #B09191	RGB 176 145 145	#B09191
100.0%	100.0% #BBAB9D	RGB 187 171 157	#BBAB9D

#5E697E #6B6788 #857192 #9C7C9A #A68695 #B09191 #BBAB9D

#5E697E - #9C7C9A - #BBAB9D

CSS codes

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

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