#5F595C - #DFA581 | colorate

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

Blend #5F595C to #DFA581

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

RGBブレンド

#5F595C - #DFA581 | colorate

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

0.0%	0.0% #5F595C	RGB 95 89 92	#5F595C
16.7%	16.7% #746562	RGB 116 101 98	#746562
33.3%	33.3% #897268	RGB 137 114 104	#897268
50.0%	50.0% #9F7F6E	RGB 159 127 110	#9F7F6E
66.7%	66.7% #B48B74	RGB 180 139 116	#B48B74
83.3%	83.3% #C9987A	RGB 201 152 122	#C9987A
100.0%	100.0% #DFA581	RGB 223 165 129	#DFA581

#5F595C #746562 #897268 #9F7F6E #B48B74 #C9987A #DFA581

#5F595C - #DFA581

HSVブレンド

#5F595C - #DFA581 | colorate

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

0.0%	0.0% #5F595C	RGB 95 89 92	#5F595C
16.7%	16.7% #74666B	RGB 116 102 107	#74666B
33.3%	33.3% #897075	RGB 137 112 117	#897075
50.0%	50.0% #9F787A	RGB 159 120 122	#9F787A
66.7%	66.7% #B4827D	RGB 180 130 125	#B4827D
83.3%	83.3% #C99180	RGB 201 145 128	#C99180
100.0%	100.0% #DFA581	RGB 223 165 129	#DFA581

#5F595C #74666B #897075 #9F787A #B4827D #C99180 #DFA581

#5F595C - #9F787A - #DFA581

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5F595C 0%, #9F787A 50%, #DFA581 100%);
    background: -webkit-linear-gradient(top, #5F595C 0%, #9F787A 50%, #DFA581 100%);
    background: linear-gradient(to bottom, #5F595C 0%, #9F787A 50%, #DFA581 100%);
}
</style>