#5E863E - #E6CD66 | colorate

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

Blend #5E863E to #E6CD66

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

RGBブレンド

#5E863E - #E6CD66 | colorate

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

0.0%	0.0% #5E863E	RGB 94 134 62	#5E863E
16.7%	16.7% #749144	RGB 116 145 68	#749144
33.3%	33.3% #8B9D4B	RGB 139 157 75	#8B9D4B
50.0%	50.0% #A2A952	RGB 162 169 82	#A2A952
66.7%	66.7% #B8B558	RGB 184 181 88	#B8B558
83.3%	83.3% #CFC15F	RGB 207 193 95	#CFC15F
100.0%	100.0% #E6CD66	RGB 230 205 102	#E6CD66

#5E863E #749144 #8B9D4B #A2A952 #B8B558 #CFC15F #E6CD66

#5E863E - #E6CD66

HSVブレンド

#5E863E - #E6CD66 | colorate

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

0.0%	0.0% #5E863E	RGB 94 134 62	#5E863E
16.7%	16.7% #739644	RGB 115 150 68	#739644
33.3%	33.3% #8AA64B	RGB 138 166 75	#8AA64B
50.0%	50.0% #A4B652	RGB 164 182 82	#A4B652
66.7%	66.7% #C0C659	RGB 192 198 89	#C0C659
83.3%	83.3% #D6CD5F	RGB 214 205 95	#D6CD5F
100.0%	100.0% #E6CD66	RGB 230 205 102	#E6CD66

#5E863E #739644 #8AA64B #A4B652 #C0C659 #D6CD5F #E6CD66

#5E863E - #A4B652 - #E6CD66

CSSコード

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

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