#626E5E - #B1987D | 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 #626E5E to #B1987D

#626E5E #B1987D

Calculate the color between two colors, #626E5E and #B1987D. 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)

#626E5E - #B1987D | 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 #626E5E as 0% and #B1987D as 100%.

0.0%	0.0% #626E5E	RGB 98 110 94	#626E5E
16.7%	16.7% #6F7563	RGB 111 117 99	#6F7563
33.3%	33.3% #7C7C68	RGB 124 124 104	#7C7C68
50.0%	50.0% #89836D	RGB 137 131 109	#89836D
66.7%	66.7% #968A72	RGB 150 138 114	#968A72
83.3%	83.3% #A39177	RGB 163 145 119	#A39177
100.0%	100.0% #B1987D	RGB 177 152 125	#B1987D

#626E5E #6F7563 #7C7C68 #89836D #968A72 #A39177 #B1987D

#626E5E - #B1987D

HSV Blend

#626E5E - #B1987D | 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 #626E5E as 0% and #B1987D as 100%.

0.0%	0.0% #626E5E	RGB 98 110 94	#626E5E
16.7%	16.7% #6D7964	RGB 109 121 100	#6D7964
33.3%	33.3% #7B846A	RGB 123 132 106	#7B846A
50.0%	50.0% #8B8F6F	RGB 139 143 111	#8B8F6F
66.7%	66.7% #9A9874	RGB 154 152 116	#9A9874
83.3%	83.3% #A59979	RGB 165 153 121	#A59979
100.0%	100.0% #B1987D	RGB 177 152 125	#B1987D

#626E5E #6D7964 #7B846A #8B8F6F #9A9874 #A59979 #B1987D

#626E5E - #8B8F6F - #B1987D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #626E5E 0%, #8B8F6F 50%, #B1987D 100%);
    background: -webkit-linear-gradient(top, #626E5E 0%, #8B8F6F 50%, #B1987D 100%);
    background: linear-gradient(to bottom, #626E5E 0%, #8B8F6F 50%, #B1987D 100%);
}
</style>