#3A9E34 - #102D0E | colorate

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

Blend #3A9E34 to #102D0E

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

RGBブレンド

#3A9E34 - #102D0E | colorate

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

0.0%	0.0% #3A9E34	RGB 58 158 52	#3A9E34
16.7%	16.7% #338B2D	RGB 51 139 45	#338B2D
33.3%	33.3% #2C7827	RGB 44 120 39	#2C7827
50.0%	50.0% #256521	RGB 37 101 33	#256521
66.7%	66.7% #1E521A	RGB 30 82 26	#1E521A
83.3%	83.3% #173F14	RGB 23 63 20	#173F14
100.0%	100.0% #102D0E	RGB 16 45 14	#102D0E

#3A9E34 #338B2D #2C7827 #256521 #1E521A #173F14 #102D0E

#3A9E34 - #102D0E

HSVブレンド

#3A9E34 - #102D0E | colorate

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

0.0%	0.0% #3A9E34	RGB 58 158 52	#3A9E34
16.7%	16.7% #328B2D	RGB 50 139 45	#328B2D
33.3%	33.3% #2B7826	RGB 43 120 38	#2B7826
50.0%	50.0% #246520	RGB 36 101 32	#246520
66.7%	66.7% #1D521A	RGB 29 82 26	#1D521A
83.3%	83.3% #163F14	RGB 22 63 20	#163F14
100.0%	100.0% #102D0E	RGB 16 45 14	#102D0E

#3A9E34 #328B2D #2B7826 #246520 #1D521A #163F14 #102D0E

#3A9E34 - #246520 - #102D0E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A9E34 0%, #246520 50%, #102D0E 100%);
    background: -webkit-linear-gradient(top, #3A9E34 0%, #246520 50%, #102D0E 100%);
    background: linear-gradient(to bottom, #3A9E34 0%, #246520 50%, #102D0E 100%);
}
</style>