#45563F - #9EB769 | 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 #45563F to #9EB769

#45563F #9EB769

Calculate the color between two colors, #45563F and #9EB769. 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)

#45563F - #9EB769 | 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 #45563F as 0% and #9EB769 as 100%.

0.0%	0.0% #45563F	RGB 69 86 63	#45563F
16.7%	16.7% #536646	RGB 83 102 70	#536646
33.3%	33.3% #62764D	RGB 98 118 77	#62764D
50.0%	50.0% #718654	RGB 113 134 84	#718654
66.7%	66.7% #80965B	RGB 128 150 91	#80965B
83.3%	83.3% #8FA662	RGB 143 166 98	#8FA662
100.0%	100.0% #9EB769	RGB 158 183 105	#9EB769

#45563F #536646 #62764D #718654 #80965B #8FA662 #9EB769

#45563F - #9EB769

HSV Blend

#45563F - #9EB769 | 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 #45563F as 0% and #9EB769 as 100%.

0.0%	0.0% #45563F	RGB 69 86 63	#45563F
16.7%	16.7% #526648	RGB 82 102 72	#526648
33.3%	33.3% #5F7650	RGB 95 118 80	#5F7650
50.0%	50.0% #6D8657	RGB 109 134 87	#6D8657
66.7%	66.7% #7C965E	RGB 124 150 94	#7C965E
83.3%	83.3% #8CA664	RGB 140 166 100	#8CA664
100.0%	100.0% #9EB769	RGB 158 183 105	#9EB769

#45563F #526648 #5F7650 #6D8657 #7C965E #8CA664 #9EB769

#45563F - #6D8657 - #9EB769

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45563F 0%, #6D8657 50%, #9EB769 100%);
    background: -webkit-linear-gradient(top, #45563F 0%, #6D8657 50%, #9EB769 100%);
    background: linear-gradient(to bottom, #45563F 0%, #6D8657 50%, #9EB769 100%);
}
</style>