#8F6837 - #EFE9E2 | colorate

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

Blend #8F6837 to #EFE9E2

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

RGBブレンド

#8F6837 - #EFE9E2 | colorate

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

0.0%	0.0% #8F6837	RGB 143 104 55	#8F6837
16.7%	16.7% #9F7D53	RGB 159 125 83	#9F7D53
33.3%	33.3% #AF9370	RGB 175 147 112	#AF9370
50.0%	50.0% #BFA88C	RGB 191 168 140	#BFA88C
66.7%	66.7% #CFBEA9	RGB 207 190 169	#CFBEA9
83.3%	83.3% #DFD3C5	RGB 223 211 197	#DFD3C5
100.0%	100.0% #EFE9E2	RGB 239 233 226	#EFE9E2

#8F6837 #9F7D53 #AF9370 #BFA88C #CFBEA9 #DFD3C5 #EFE9E2

#8F6837 - #EFE9E2

HSVブレンド

#8F6837 - #EFE9E2 | colorate

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

0.0%	0.0% #8F6837	RGB 143 104 55	#8F6837
16.7%	16.7% #9F794C	RGB 159 121 76	#9F794C
33.3%	33.3% #AF8D64	RGB 175 141 100	#AF8D64
50.0%	50.0% #BFA27F	RGB 191 162 127	#BFA27F
66.7%	66.7% #CFB89D	RGB 207 184 157	#CFB89D
83.3%	83.3% #DFCFBE	RGB 223 207 190	#DFCFBE
100.0%	100.0% #EFE9E2	RGB 239 233 226	#EFE9E2

#8F6837 #9F794C #AF8D64 #BFA27F #CFB89D #DFCFBE #EFE9E2

#8F6837 - #BFA27F - #EFE9E2

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F6837 0%, #BFA27F 50%, #EFE9E2 100%);
    background: -webkit-linear-gradient(top, #8F6837 0%, #BFA27F 50%, #EFE9E2 100%);
    background: linear-gradient(to bottom, #8F6837 0%, #BFA27F 50%, #EFE9E2 100%);
}
</style>