#8E6365 - #9A8064 | colorate

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

Blend #8E6365 to #9A8064

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

RGBブレンド

#8E6365 - #9A8064 | colorate

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

0.0%	0.0% #8E6365	RGB 142 99 101	#8E6365
16.7%	16.7% #906764	RGB 144 103 100	#906764
33.3%	33.3% #926C64	RGB 146 108 100	#926C64
50.0%	50.0% #947164	RGB 148 113 100	#947164
66.7%	66.7% #967664	RGB 150 118 100	#967664
83.3%	83.3% #987B64	RGB 152 123 100	#987B64
100.0%	100.0% #9A8064	RGB 154 128 100	#9A8064

#8E6365 #906764 #926C64 #947164 #967664 #987B64 #9A8064

#8E6365 - #9A8064

HSVブレンド

#8E6365 - #9A8064 | colorate

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

0.0%	0.0% #8E6365	RGB 142 99 101	#8E6365
16.7%	16.7% #906563	RGB 144 101 99	#906563
33.3%	33.3% #926A63	RGB 146 106 99	#926A63
50.0%	50.0% #946F63	RGB 148 111 99	#946F63
66.7%	66.7% #967463	RGB 150 116 99	#967463
83.3%	83.3% #987A63	RGB 152 122 99	#987A63
100.0%	100.0% #9A8064	RGB 154 128 100	#9A8064

#8E6365 #906563 #926A63 #946F63 #967463 #987A63 #9A8064

#8E6365 - #946F63 - #9A8064

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8E6365 0%, #946F63 50%, #9A8064 100%);
    background: -webkit-linear-gradient(top, #8E6365 0%, #946F63 50%, #9A8064 100%);
    background: linear-gradient(to bottom, #8E6365 0%, #946F63 50%, #9A8064 100%);
}
</style>