#595A5C - #B59A7E | colorate

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

Blend #595A5C to #B59A7E

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

RGBブレンド

#595A5C - #B59A7E | colorate

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

0.0%	0.0% #595A5C	RGB 89 90 92	#595A5C
16.7%	16.7% #686461	RGB 104 100 97	#686461
33.3%	33.3% #776F67	RGB 119 111 103	#776F67
50.0%	50.0% #877A6D	RGB 135 122 109	#877A6D
66.7%	66.7% #968472	RGB 150 132 114	#968472
83.3%	83.3% #A58F78	RGB 165 143 120	#A58F78
100.0%	100.0% #B59A7E	RGB 181 154 126	#B59A7E

#595A5C #686461 #776F67 #877A6D #968472 #A58F78 #B59A7E

#595A5C - #B59A7E

HSVブレンド

#595A5C - #B59A7E | colorate

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

0.0%	0.0% #595A5C	RGB 89 90 92	#595A5C
16.7%	16.7% #63626A	RGB 99 98 106	#63626A
33.3%	33.3% #736A79	RGB 115 106 121	#736A79
50.0%	50.0% #887186	RGB 136 113 134	#887186
66.7%	66.7% #977785	RGB 151 119 133	#977785
83.3%	83.3% #A67C7B	RGB 166 124 123	#A67C7B
100.0%	100.0% #B59A7E	RGB 181 154 126	#B59A7E

#595A5C #63626A #736A79 #887186 #977785 #A67C7B #B59A7E

#595A5C - #887186 - #B59A7E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #595A5C 0%, #887186 50%, #B59A7E 100%);
    background: -webkit-linear-gradient(top, #595A5C 0%, #887186 50%, #B59A7E 100%);
    background: linear-gradient(to bottom, #595A5C 0%, #887186 50%, #B59A7E 100%);
}
</style>