#7A7E78 - #385423 | colorate

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

Blend #7A7E78 to #385423

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

RGBブレンド

#7A7E78 - #385423 | colorate

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

0.0%	0.0% #7A7E78	RGB 122 126 120	#7A7E78
16.7%	16.7% #6F7769	RGB 111 119 105	#6F7769
33.3%	33.3% #64705B	RGB 100 112 91	#64705B
50.0%	50.0% #59694D	RGB 89 105 77	#59694D
66.7%	66.7% #4E623F	RGB 78 98 63	#4E623F
83.3%	83.3% #435B31	RGB 67 91 49	#435B31
100.0%	100.0% #385423	RGB 56 84 35	#385423

#7A7E78 #6F7769 #64705B #59694D #4E623F #435B31 #385423

#7A7E78 - #385423

HSVブレンド

#7A7E78 - #385423 | colorate

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

0.0%	0.0% #7A7E78	RGB 122 126 120	#7A7E78
16.7%	16.7% #6C7766	RGB 108 119 102	#6C7766
33.3%	33.3% #5F7056	RGB 95 112 86	#5F7056
50.0%	50.0% #546947	RGB 84 105 71	#546947
66.7%	66.7% #4A623A	RGB 74 98 58	#4A623A
83.3%	83.3% #405B2E	RGB 64 91 46	#405B2E
100.0%	100.0% #385423	RGB 56 84 35	#385423

#7A7E78 #6C7766 #5F7056 #546947 #4A623A #405B2E #385423

#7A7E78 - #546947 - #385423

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A7E78 0%, #546947 50%, #385423 100%);
    background: -webkit-linear-gradient(top, #7A7E78 0%, #546947 50%, #385423 100%);
    background: linear-gradient(to bottom, #7A7E78 0%, #546947 50%, #385423 100%);
}
</style>