#1E5E23 - #103A00 | colorate

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

Blend #1E5E23 to #103A00

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

RGBブレンド

#1E5E23 - #103A00 | colorate

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

0.0%	0.0% #1E5E23	RGB 30 94 35	#1E5E23
16.7%	16.7% #1B581D	RGB 27 88 29	#1B581D
33.3%	33.3% #195217	RGB 25 82 23	#195217
50.0%	50.0% #174C11	RGB 23 76 17	#174C11
66.7%	66.7% #14460B	RGB 20 70 11	#14460B
83.3%	83.3% #124005	RGB 18 64 5	#124005
100.0%	100.0% #103A00	RGB 16 58 0	#103A00

#1E5E23 #1B581D #195217 #174C11 #14460B #124005 #103A00

#1E5E23 - #103A00

HSVブレンド

#1E5E23 - #103A00 | colorate

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

0.0%	0.0% #1E5E22	RGB 30 94 34	#1E5E22
16.7%	16.7% #175818	RGB 23 88 24	#175818
33.3%	33.3% #145211	RGB 20 82 17	#145211
50.0%	50.0% #124C0C	RGB 18 76 12	#124C0C
66.7%	66.7% #114607	RGB 17 70 7	#114607
83.3%	83.3% #104003	RGB 16 64 3	#104003
100.0%	100.0% #103A00	RGB 16 58 0	#103A00

#1E5E22 #175818 #145211 #124C0C #114607 #104003 #103A00

#1E5E23 - #124C0C - #103A00

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E5E22 0%, #124C0C 50%, #103A00 100%);
    background: -webkit-linear-gradient(top, #1E5E22 0%, #124C0C 50%, #103A00 100%);
    background: linear-gradient(to bottom, #1E5E22 0%, #124C0C 50%, #103A00 100%);
}
</style>