#456F5E - #0D3E2B | 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 #456F5E to #0D3E2B

#456F5E #0D3E2B

Calculate the color between two colors, #456F5E and #0D3E2B. 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)

#456F5E - #0D3E2B | 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 #456F5E as 0% and #0D3E2B as 100%.

0.0%	0.0% #456F5E	RGB 69 111 94	#456F5E
16.7%	16.7% #3B6655	RGB 59 102 85	#3B6655
33.3%	33.3% #325E4D	RGB 50 94 77	#325E4D
50.0%	50.0% #295644	RGB 41 86 68	#295644
66.7%	66.7% #1F4E3C	RGB 31 78 60	#1F4E3C
83.3%	83.3% #164633	RGB 22 70 51	#164633
100.0%	100.0% #0D3E2B	RGB 13 62 43	#0D3E2B

#456F5E #3B6655 #325E4D #295644 #1F4E3C #164633 #0D3E2B

#456F5E - #0D3E2B

HSV Blend

#456F5E - #0D3E2B | 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 #456F5E as 0% and #0D3E2B as 100%.

0.0%	0.0% #456F5E	RGB 69 111 94	#456F5E
16.7%	16.7% #386654	RGB 56 102 84	#386654
33.3%	33.3% #2D5E4B	RGB 45 94 75	#2D5E4B
50.0%	50.0% #235642	RGB 35 86 66	#235642
66.7%	66.7% #1B4E3A	RGB 27 78 58	#1B4E3A
83.3%	83.3% #134632	RGB 19 70 50	#134632
100.0%	100.0% #0D3E2B	RGB 13 62 43	#0D3E2B

#456F5E #386654 #2D5E4B #235642 #1B4E3A #134632 #0D3E2B

#456F5E - #235642 - #0D3E2B

CSS codes

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

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