#626B5E - #9B8AB9 | 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 #626B5E to #9B8AB9

#626B5E #9B8AB9

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

#626B5E - #9B8AB9 | 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 #626B5E as 0% and #9B8AB9 as 100%.

0.0%	0.0% #626B5E	RGB 98 107 94	#626B5E
16.7%	16.7% #6B706D	RGB 107 112 109	#6B706D
33.3%	33.3% #75757C	RGB 117 117 124	#75757C
50.0%	50.0% #7E7A8B	RGB 126 122 139	#7E7A8B
66.7%	66.7% #887F9A	RGB 136 127 154	#887F9A
83.3%	83.3% #9184A9	RGB 145 132 169	#9184A9
100.0%	100.0% #9B8AB9	RGB 155 138 185	#9B8AB9

#626B5E #6B706D #75757C #7E7A8B #887F9A #9184A9 #9B8AB9

#626B5E - #9B8AB9

HSV Blend

#626B5E - #9B8AB9 | 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 #626B5E as 0% and #9B8AB9 as 100%.

0.0%	0.0% #626B5E	RGB 98 107 94	#626B5E
16.7%	16.7% #667869	RGB 102 120 105	#667869
33.3%	33.3% #6E857B	RGB 110 133 123	#6E857B
50.0%	50.0% #769192	RGB 118 145 146	#769192
66.7%	66.7% #7D8F9F	RGB 125 143 159	#7D8F9F
83.3%	83.3% #8487AC	RGB 132 135 172	#8487AC
100.0%	100.0% #9B8AB9	RGB 155 138 185	#9B8AB9

#626B5E #667869 #6E857B #769192 #7D8F9F #8487AC #9B8AB9

#626B5E - #769192 - #9B8AB9

CSS codes

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

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