#465653 - #1F191B | 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 #465653 to #1F191B

#465653 #1F191B

Calculate the color between two colors, #465653 and #1F191B. 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)

#465653 - #1F191B | 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 #465653 as 0% and #1F191B as 100%.

0.0%	0.0% #465653	RGB 70 86 83	#465653
16.7%	16.7% #3F4B49	RGB 63 75 73	#3F4B49
33.3%	33.3% #394140	RGB 57 65 64	#394140
50.0%	50.0% #323737	RGB 50 55 55	#323737
66.7%	66.7% #2C2D2D	RGB 44 45 45	#2C2D2D
83.3%	83.3% #252324	RGB 37 35 36	#252324
100.0%	100.0% #1F191B	RGB 31 25 27	#1F191B

#465653 #3F4B49 #394140 #323737 #2C2D2D #252324 #1F191B

#465653 - #1F191B

HSV Blend

#465653 - #1F191B | 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 #465653 as 0% and #1F191B as 100%.

0.0%	0.0% #465653	RGB 70 86 83	#465653
16.7%	16.7% #3E484C	RGB 62 72 76	#3E484C
33.3%	33.3% #363943	RGB 54 57 67	#363943
50.0%	50.0% #322F3A	RGB 50 47 58	#322F3A
66.7%	66.7% #2E2731	RGB 46 39 49	#2E2731
83.3%	83.3% #282026	RGB 40 32 38	#282026
100.0%	100.0% #1F191B	RGB 31 25 27	#1F191B

#465653 #3E484C #363943 #322F3A #2E2731 #282026 #1F191B

#465653 - #322F3A - #1F191B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #465653 0%, #322F3A 50%, #1F191B 100%);
    background: -webkit-linear-gradient(top, #465653 0%, #322F3A 50%, #1F191B 100%);
    background: linear-gradient(to bottom, #465653 0%, #322F3A 50%, #1F191B 100%);
}
</style>