#465456 - #1F191A | 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 #465456 to #1F191A

#465456 #1F191A

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

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

0.0%	0.0% #465456	RGB 70 84 86	#465456
16.7%	16.7% #3F4A4C	RGB 63 74 76	#3F4A4C
33.3%	33.3% #394042	RGB 57 64 66	#394042
50.0%	50.0% #323638	RGB 50 54 56	#323638
66.7%	66.7% #2C2C2E	RGB 44 44 46	#2C2C2E
83.3%	83.3% #252224	RGB 37 34 36	#252224
100.0%	100.0% #1F191A	RGB 31 25 26	#1F191A

#465456 #3F4A4C #394042 #323638 #2C2C2E #252224 #1F191A

#465456 - #1F191A

HSV Blend

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

0.0%	0.0% #465456	RGB 70 84 86	#465456
16.7%	16.7% #3E444C	RGB 62 68 76	#3E444C
33.3%	33.3% #373643	RGB 55 54 67	#373643
50.0%	50.0% #342F3A	RGB 52 47 58	#342F3A
66.7%	66.7% #302731	RGB 48 39 49	#302731
83.3%	83.3% #282025	RGB 40 32 37	#282025
100.0%	100.0% #1F191A	RGB 31 25 26	#1F191A

#465456 #3E444C #373643 #342F3A #302731 #282025 #1F191A

#465456 - #342F3A - #1F191A

CSS codes

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

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