#465650 - #073326 | 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 #465650 to #073326

#465650 #073326

Calculate the color between two colors, #465650 and #073326. 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)

#465650 - #073326 | 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 #465650 as 0% and #073326 as 100%.

0.0%	0.0% #465650	RGB 70 86 80	#465650
16.7%	16.7% #3B5049	RGB 59 80 73	#3B5049
33.3%	33.3% #314A42	RGB 49 74 66	#314A42
50.0%	50.0% #26443B	RGB 38 68 59	#26443B
66.7%	66.7% #1C3E34	RGB 28 62 52	#1C3E34
83.3%	83.3% #11382D	RGB 17 56 45	#11382D
100.0%	100.0% #073326	RGB 7 51 38	#073326

#465650 #3B5049 #314A42 #26443B #1C3E34 #11382D #073326

#465650 - #073326

HSV Blend

#465650 - #073326 | 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 #465650 as 0% and #073326 as 100%.

0.0%	0.0% #465650	RGB 70 86 80	#465650
16.7%	16.7% #385047	RGB 56 80 71	#385047
33.3%	33.3% #2B4A3F	RGB 43 74 63	#2B4A3F
50.0%	50.0% #204438	RGB 32 68 56	#204438
66.7%	66.7% #163E31	RGB 22 62 49	#163E31
83.3%	83.3% #0E382B	RGB 14 56 43	#0E382B
100.0%	100.0% #073326	RGB 7 51 38	#073326

#465650 #385047 #2B4A3F #204438 #163E31 #0E382B #073326

#465650 - #204438 - #073326

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #465650 0%, #204438 50%, #073326 100%);
    background: -webkit-linear-gradient(top, #465650 0%, #204438 50%, #073326 100%);
    background: linear-gradient(to bottom, #465650 0%, #204438 50%, #073326 100%);
}
</style>