#636582 - #B7A59D | 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 #636582 to #B7A59D

#636582 #B7A59D

Calculate the color between two colors, #636582 and #B7A59D. 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)

#636582 - #B7A59D | 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 #636582 as 0% and #B7A59D as 100%.

0.0%	0.0% #636582	RGB 99 101 130	#636582
16.7%	16.7% #716F86	RGB 113 111 134	#716F86
33.3%	33.3% #7F7A8B	RGB 127 122 139	#7F7A8B
50.0%	50.0% #8D858F	RGB 141 133 143	#8D858F
66.7%	66.7% #9B8F94	RGB 155 143 148	#9B8F94
83.3%	83.3% #A99A98	RGB 169 154 152	#A99A98
100.0%	100.0% #B7A59D	RGB 183 165 157	#B7A59D

#636582 #716F86 #7F7A8B #8D858F #9B8F94 #A99A98 #B7A59D

#636582 - #B7A59D

HSV Blend

#636582 - #B7A59D | 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 #636582 as 0% and #B7A59D as 100%.

0.0%	0.0% #636582	RGB 99 101 130	#636582
16.7%	16.7% #766B8A	RGB 118 107 138	#766B8A
33.3%	33.3% #8B7593	RGB 139 117 147	#8B7593
50.0%	50.0% #9C7E98	RGB 156 126 152	#9C7E98
66.7%	66.7% #A58896	RGB 165 136 150	#A58896
83.3%	83.3% #AE9295	RGB 174 146 149	#AE9295
100.0%	100.0% #B7A59D	RGB 183 165 157	#B7A59D

#636582 #766B8A #8B7593 #9C7E98 #A58896 #AE9295 #B7A59D

#636582 - #9C7E98 - #B7A59D

CSS codes

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

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