#5E7B2D - #D1D9C3 | colorate

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

Blend #5E7B2D to #D1D9C3

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

RGBブレンド

#5E7B2D - #D1D9C3 | colorate

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

0.0%	0.0% #5E7B2D	RGB 94 123 45	#5E7B2D
16.7%	16.7% #718A46	RGB 113 138 70	#718A46
33.3%	33.3% #849A5F	RGB 132 154 95	#849A5F
50.0%	50.0% #97AA78	RGB 151 170 120	#97AA78
66.7%	66.7% #AAB991	RGB 170 185 145	#AAB991
83.3%	83.3% #BDC9AA	RGB 189 201 170	#BDC9AA
100.0%	100.0% #D1D9C3	RGB 209 217 195	#D1D9C3

#5E7B2D #718A46 #849A5F #97AA78 #AAB991 #BDC9AA #D1D9C3

#5E7B2D - #D1D9C3

HSVブレンド

#5E7B2D - #D1D9C3 | colorate

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

0.0%	0.0% #5E7B2D	RGB 94 123 45	#5E7B2D
16.7%	16.7% #6E8A3F	RGB 110 138 63	#6E8A3F
33.3%	33.3% #809A53	RGB 128 154 83	#809A53
50.0%	50.0% #93AA6B	RGB 147 170 107	#93AA6B
66.7%	66.7% #A6B985	RGB 166 185 133	#A6B985
83.3%	83.3% #BBC9A3	RGB 187 201 163	#BBC9A3
100.0%	100.0% #D1D9C3	RGB 209 217 195	#D1D9C3

#5E7B2D #6E8A3F #809A53 #93AA6B #A6B985 #BBC9A3 #D1D9C3

#5E7B2D - #93AA6B - #D1D9C3

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7B2D 0%, #93AA6B 50%, #D1D9C3 100%);
    background: -webkit-linear-gradient(top, #5E7B2D 0%, #93AA6B 50%, #D1D9C3 100%);
    background: linear-gradient(to bottom, #5E7B2D 0%, #93AA6B 50%, #D1D9C3 100%);
}
</style>