#073123 - #236B41 | colorate

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

Blend #073123 to #236B41

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

RGBブレンド

#073123 - #236B41 | colorate

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

0.0%	0.0% #073123	RGB 7 49 35	#073123
16.7%	16.7% #0B3A28	RGB 11 58 40	#0B3A28
33.3%	33.3% #10442D	RGB 16 68 45	#10442D
50.0%	50.0% #154E32	RGB 21 78 50	#154E32
66.7%	66.7% #195737	RGB 25 87 55	#195737
83.3%	83.3% #1E613C	RGB 30 97 60	#1E613C
100.0%	100.0% #236B41	RGB 35 107 65	#236B41

#073123 #0B3A28 #10442D #154E32 #195737 #1E613C #236B41

#073123 - #236B41

HSVブレンド

#073123 - #236B41 | colorate

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

0.0%	0.0% #073123	RGB 7 49 35	#073123
16.7%	16.7% #0A3A28	RGB 10 58 40	#0A3A28
33.3%	33.3% #0D442D	RGB 13 68 45	#0D442D
50.0%	50.0% #124E32	RGB 18 78 50	#124E32
66.7%	66.7% #175737	RGB 23 87 55	#175737
83.3%	83.3% #1C613C	RGB 28 97 60	#1C613C
100.0%	100.0% #236B41	RGB 35 107 65	#236B41

#073123 #0A3A28 #0D442D #124E32 #175737 #1C613C #236B41

#073123 - #124E32 - #236B41

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #073123 0%, #124E32 50%, #236B41 100%);
    background: -webkit-linear-gradient(top, #073123 0%, #124E32 50%, #236B41 100%);
    background: linear-gradient(to bottom, #073123 0%, #124E32 50%, #236B41 100%);
}
</style>