#74706D - #5F391C | colorate

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

Blend #74706D to #5F391C

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

RGBブレンド

#74706D - #5F391C | colorate

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

0.0%	0.0% #74706D	RGB 116 112 109	#74706D
16.7%	16.7% #70665F	RGB 112 102 95	#70665F
33.3%	33.3% #6D5D52	RGB 109 93 82	#6D5D52
50.0%	50.0% #695444	RGB 105 84 68	#695444
66.7%	66.7% #664B37	RGB 102 75 55	#664B37
83.3%	83.3% #624229	RGB 98 66 41	#624229
100.0%	100.0% #5F391C	RGB 95 57 28	#5F391C

#74706D #70665F #6D5D52 #695444 #664B37 #624229 #5F391C

#74706D - #5F391C

HSVブレンド

#74706D - #5F391C | colorate

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

0.0%	0.0% #74706D	RGB 116 112 109	#74706D
16.7%	16.7% #70655D	RGB 112 101 93	#70655D
33.3%	33.3% #6D5B4E	RGB 109 91 78	#6D5B4E
50.0%	50.0% #695241	RGB 105 82 65	#695241
66.7%	66.7% #664933	RGB 102 73 51	#664933
83.3%	83.3% #624127	RGB 98 65 39	#624127
100.0%	100.0% #5F391C	RGB 95 57 28	#5F391C

#74706D #70655D #6D5B4E #695241 #664933 #624127 #5F391C

#74706D - #695241 - #5F391C

CSSコード

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

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