#656568 - #192F26 | 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 #656568 to #192F26

#656568 #192F26

Calculate the color between two colors, #656568 and #192F26. 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)

#656568 - #192F26 | 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 #656568 as 0% and #192F26 as 100%.

0.0%	0.0% #656568	RGB 101 101 104	#656568
16.7%	16.7% #585C5D	RGB 88 92 93	#585C5D
33.3%	33.3% #4B5352	RGB 75 83 82	#4B5352
50.0%	50.0% #3F4A47	RGB 63 74 71	#3F4A47
66.7%	66.7% #32413C	RGB 50 65 60	#32413C
83.3%	83.3% #253831	RGB 37 56 49	#253831
100.0%	100.0% #192F26	RGB 25 47 38	#192F26

#656568 #585C5D #4B5352 #3F4A47 #32413C #253831 #192F26

#656568 - #192F26

HSV Blend

#656568 - #192F26 | 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 #656568 as 0% and #192F26 as 100%.

0.0%	0.0% #656568	RGB 101 101 104	#656568
16.7%	16.7% #54575E	RGB 84 87 94	#54575E
33.3%	33.3% #464D55	RGB 70 77 85	#464D55
50.0%	50.0% #38454B	RGB 56 69 75	#38454B
66.7%	66.7% #2C4042	RGB 44 64 66	#2C4042
83.3%	83.3% #223834	RGB 34 56 52	#223834
100.0%	100.0% #192F26	RGB 25 47 38	#192F26

#656568 #54575E #464D55 #38454B #2C4042 #223834 #192F26

#656568 - #38454B - #192F26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #656568 0%, #38454B 50%, #192F26 100%);
    background: -webkit-linear-gradient(top, #656568 0%, #38454B 50%, #192F26 100%);
    background: linear-gradient(to bottom, #656568 0%, #38454B 50%, #192F26 100%);
}
</style>