#348E2B - #ECE15E | colorate

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

Blend #348E2B to #ECE15E

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

RGBブレンド

#348E2B - #ECE15E | colorate

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

0.0%	0.0% #348E2B	RGB 52 142 43	#348E2B
16.7%	16.7% #529B33	RGB 82 155 51	#529B33
33.3%	33.3% #71A93C	RGB 113 169 60	#71A93C
50.0%	50.0% #90B744	RGB 144 183 68	#90B744
66.7%	66.7% #AEC54D	RGB 174 197 77	#AEC54D
83.3%	83.3% #CDD355	RGB 205 211 85	#CDD355
100.0%	100.0% #ECE15E	RGB 236 225 94	#ECE15E

#348E2B #529B33 #71A93C #90B744 #AEC54D #CDD355 #ECE15E

#348E2B - #ECE15E

HSVブレンド

#348E2B - #ECE15E | colorate

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

0.0%	0.0% #348E2A	RGB 52 142 42	#348E2A
16.7%	16.7% #4D9D32	RGB 77 157 50	#4D9D32
33.3%	33.3% #6AAD3A	RGB 106 173 58	#6AAD3A
50.0%	50.0% #89BD42	RGB 137 189 66	#89BD42
66.7%	66.7% #ACCC4B	RGB 172 204 75	#ACCC4B
83.3%	83.3% #D0DC54	RGB 208 220 84	#D0DC54
100.0%	100.0% #ECE15E	RGB 236 225 94	#ECE15E

#348E2A #4D9D32 #6AAD3A #89BD42 #ACCC4B #D0DC54 #ECE15E

#348E2B - #89BD42 - #ECE15E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #348E2A 0%, #89BD42 50%, #ECE15E 100%);
    background: -webkit-linear-gradient(top, #348E2A 0%, #89BD42 50%, #ECE15E 100%);
    background: linear-gradient(to bottom, #348E2A 0%, #89BD42 50%, #ECE15E 100%);
}
</style>