#465650 - #70B67F | 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 #70B67F

#465650 #70B67F

Calculate the color between two colors, #465650 and #70B67F. 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 - #70B67F | 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 #70B67F as 100%.

0.0%	0.0% #465650	RGB 70 86 80	#465650
16.7%	16.7% #4D6657	RGB 77 102 87	#4D6657
33.3%	33.3% #54765F	RGB 84 118 95	#54765F
50.0%	50.0% #5B8667	RGB 91 134 103	#5B8667
66.7%	66.7% #62966F	RGB 98 150 111	#62966F
83.3%	83.3% #69A677	RGB 105 166 119	#69A677
100.0%	100.0% #70B67F	RGB 112 182 127	#70B67F

#465650 #4D6657 #54765F #5B8667 #62966F #69A677 #70B67F

#465650 - #70B67F

HSV Blend

#465650 - #70B67F | 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 #70B67F as 100%.

0.0%	0.0% #465650	RGB 70 86 80	#465650
16.7%	16.7% #4F665C	RGB 79 102 92	#4F665C
33.3%	33.3% #587666	RGB 88 118 102	#587666
50.0%	50.0% #5F866F	RGB 95 134 111	#5F866F
66.7%	66.7% #669677	RGB 102 150 119	#669677
83.3%	83.3% #6BA67C	RGB 107 166 124	#6BA67C
100.0%	100.0% #70B67F	RGB 112 182 127	#70B67F

#465650 #4F665C #587666 #5F866F #669677 #6BA67C #70B67F

#465650 - #5F866F - #70B67F

CSS codes

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

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