#708D6E - #4E7354 | colorate

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

Blend #708D6E to #4E7354

#708D6E #4E7354

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

RGBブレンド

#708D6E - #4E7354 | colorate

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

0.0%	0.0% #708D6E	RGB 112 141 110	#708D6E
16.7%	16.7% #6A8869	RGB 106 136 105	#6A8869
33.3%	33.3% #648465	RGB 100 132 101	#648465
50.0%	50.0% #5F8061	RGB 95 128 97	#5F8061
66.7%	66.7% #597B5C	RGB 89 123 92	#597B5C
83.3%	83.3% #537758	RGB 83 119 88	#537758
100.0%	100.0% #4E7354	RGB 78 115 84	#4E7354

#708D6E #6A8869 #648465 #5F8061 #597B5C #537758 #4E7354

#708D6E - #4E7354

HSVブレンド

#708D6E - #4E7354 | colorate

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

0.0%	0.0% #708D6E	RGB 112 141 110	#708D6E
16.7%	16.7% #698868	RGB 105 136 104	#698868
33.3%	33.3% #628463	RGB 98 132 99	#628463
50.0%	50.0% #5D805F	RGB 93 128 95	#5D805F
66.7%	66.7% #587B5B	RGB 88 123 91	#587B5B
83.3%	83.3% #527757	RGB 82 119 87	#527757
100.0%	100.0% #4E7354	RGB 78 115 84	#4E7354

#708D6E #698868 #628463 #5D805F #587B5B #527757 #4E7354

#708D6E - #5D805F - #4E7354

CSSコード

<style type="text/css">
/* RGB Gradation */
div {
    background: -moz-linear-gradient(top, #708D6E 0%, #4E7354 100%);
    background: -webkit-linear-gradient(top, #708D6E 0%, #4E7354 100%);
    background: linear-gradient(to bottom, #708D6E 0%, #4E7354 100%);
}

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #708D6E 0%, #5D805F 50%, #4E7354 100%);
    background: -webkit-linear-gradient(top, #708D6E 0%, #5D805F 50%, #4E7354 100%);
    background: linear-gradient(to bottom, #708D6E 0%, #5D805F 50%, #4E7354 100%);
}
</style>