#364D42 - #003914 | colorate

colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。サイトをよりよくする

Blend #364D42 to #003914

#364D42と#003914の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。

RGBブレンド

#364D42 - #003914 | colorate

RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#364D42を0%、#003914を100%として二色間の色を展開します。

0.0%	0.0% #364D42	RGB 54 77 66	#364D42
16.7%	16.7% #2D493A	RGB 45 73 58	#2D493A
33.3%	33.3% #244632	RGB 36 70 50	#244632
50.0%	50.0% #1B432B	RGB 27 67 43	#1B432B
66.7%	66.7% #123F23	RGB 18 63 35	#123F23
83.3%	83.3% #093C1B	RGB 9 60 27	#093C1B
100.0%	100.0% #003914	RGB 0 57 20	#003914

#364D42 #2D493A #244632 #1B432B #123F23 #093C1B #003914

#364D42 - #003914

HSVブレンド

#364D42 - #003914 | colorate

HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#364D42を0%、#003914を100%として二色間の色を展開します。

0.0%	0.0% #364D42	RGB 54 77 66	#364D42
16.7%	16.7% #2B493A	RGB 43 73 58	#2B493A
33.3%	33.3% #204632	RGB 32 70 50	#204632
50.0%	50.0% #17432A	RGB 23 67 42	#17432A
66.7%	66.7% #0E3F22	RGB 14 63 34	#0E3F22
83.3%	83.3% #073C1B	RGB 7 60 27	#073C1B
100.0%	100.0% #003914	RGB 0 57 20	#003914

#364D42 #2B493A #204632 #17432A #0E3F22 #073C1B #003914

#364D42 - #17432A - #003914

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #364D42 0%, #17432A 50%, #003914 100%);
    background: -webkit-linear-gradient(top, #364D42 0%, #17432A 50%, #003914 100%);
    background: linear-gradient(to bottom, #364D42 0%, #17432A 50%, #003914 100%);
}
</style>