#7B736A - #603D1B | colorate

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

Blend #7B736A to #603D1B

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

RGBブレンド

#7B736A - #603D1B | colorate

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

0.0%	0.0% #7B736A	RGB 123 115 106	#7B736A
16.7%	16.7% #766A5C	RGB 118 106 92	#766A5C
33.3%	33.3% #72614F	RGB 114 97 79	#72614F
50.0%	50.0% #6D5842	RGB 109 88 66	#6D5842
66.7%	66.7% #694F35	RGB 105 79 53	#694F35
83.3%	83.3% #644628	RGB 100 70 40	#644628
100.0%	100.0% #603D1B	RGB 96 61 27	#603D1B

#7B736A #766A5C #72614F #6D5842 #694F35 #644628 #603D1B

#7B736A - #603D1B

HSVブレンド

#7B736A - #603D1B | colorate

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

0.0%	0.0% #7B736A	RGB 123 115 106	#7B736A
16.7%	16.7% #76695A	RGB 118 105 90	#76695A
33.3%	33.3% #725F4C	RGB 114 95 76	#725F4C
50.0%	50.0% #6D563E	RGB 109 86 62	#6D563E
66.7%	66.7% #694D31	RGB 105 77 49	#694D31
83.3%	83.3% #644525	RGB 100 69 37	#644525
100.0%	100.0% #603D1B	RGB 96 61 27	#603D1B

#7B736A #76695A #725F4C #6D563E #694D31 #644525 #603D1B

#7B736A - #6D563E - #603D1B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B736A 0%, #6D563E 50%, #603D1B 100%);
    background: -webkit-linear-gradient(top, #7B736A 0%, #6D563E 50%, #603D1B 100%);
    background: linear-gradient(to bottom, #7B736A 0%, #6D563E 50%, #603D1B 100%);
}
</style>