#736A5E - #593814 | colorate

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

Blend #736A5E to #593814

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

RGBブレンド

#736A5E - #593814 | colorate

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

0.0%	0.0% #736A5E	RGB 115 106 94	#736A5E
16.7%	16.7% #6E6151	RGB 110 97 81	#6E6151
33.3%	33.3% #6A5945	RGB 106 89 69	#6A5945
50.0%	50.0% #665139	RGB 102 81 57	#665139
66.7%	66.7% #61482C	RGB 97 72 44	#61482C
83.3%	83.3% #5D4020	RGB 93 64 32	#5D4020
100.0%	100.0% #593814	RGB 89 56 20	#593814

#736A5E #6E6151 #6A5945 #665139 #61482C #5D4020 #593814

#736A5E - #593814

HSVブレンド

#736A5E - #593814 | colorate

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

0.0%	0.0% #736A5E	RGB 115 106 94	#736A5E
16.7%	16.7% #6E614F	RGB 110 97 79	#6E614F
33.3%	33.3% #6A5841	RGB 106 88 65	#6A5841
50.0%	50.0% #664F35	RGB 102 79 53	#664F35
66.7%	66.7% #614729	RGB 97 71 41	#614729
83.3%	83.3% #5D3F1E	RGB 93 63 30	#5D3F1E
100.0%	100.0% #593814	RGB 89 56 20	#593814

#736A5E #6E614F #6A5841 #664F35 #614729 #5D3F1E #593814

#736A5E - #664F35 - #593814

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #736A5E 0%, #664F35 50%, #593814 100%);
    background: -webkit-linear-gradient(top, #736A5E 0%, #664F35 50%, #593814 100%);
    background: linear-gradient(to bottom, #736A5E 0%, #664F35 50%, #593814 100%);
}
</style>