#668F4E - #56A84B | colorate

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

Blend #668F4E to #56A84B

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

RGBブレンド

#668F4E - #56A84B | colorate

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

0.0%	0.0% #668F4E	RGB 102 143 78	#668F4E
16.7%	16.7% #63934D	RGB 99 147 77	#63934D
33.3%	33.3% #60974D	RGB 96 151 77	#60974D
50.0%	50.0% #5E9B4C	RGB 94 155 76	#5E9B4C
66.7%	66.7% #5B9F4C	RGB 91 159 76	#5B9F4C
83.3%	83.3% #58A34B	RGB 88 163 75	#58A34B
100.0%	100.0% #56A84B	RGB 86 168 75	#56A84B

#668F4E #63934D #60974D #5E9B4C #5B9F4C #58A34B #56A84B

#668F4E - #56A84B

HSVブレンド

#668F4E - #56A84B | colorate

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

0.0%	0.0% #668F4E	RGB 102 143 78	#668F4E
16.7%	16.7% #64934D	RGB 100 147 77	#64934D
33.3%	33.3% #62974D	RGB 98 151 77	#62974D
50.0%	50.0% #609B4D	RGB 96 155 77	#609B4D
66.7%	66.7% #5D9F4C	RGB 93 159 76	#5D9F4C
83.3%	83.3% #59A34B	RGB 89 163 75	#59A34B
100.0%	100.0% #56A84B	RGB 86 168 75	#56A84B

#668F4E #64934D #62974D #609B4D #5D9F4C #59A34B #56A84B

#668F4E - #609B4D - #56A84B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #668F4E 0%, #609B4D 50%, #56A84B 100%);
    background: -webkit-linear-gradient(top, #668F4E 0%, #609B4D 50%, #56A84B 100%);
    background: linear-gradient(to bottom, #668F4E 0%, #609B4D 50%, #56A84B 100%);
}
</style>