#8F8446 - #DFDBCA | colorate

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

Blend #8F8446 to #DFDBCA

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

RGBブレンド

#8F8446 - #DFDBCA | colorate

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

0.0%	0.0% #8F8446	RGB 143 132 70	#8F8446
16.7%	16.7% #9C925C	RGB 156 146 92	#9C925C
33.3%	33.3% #A9A172	RGB 169 161 114	#A9A172
50.0%	50.0% #B7AF88	RGB 183 175 136	#B7AF88
66.7%	66.7% #C4BE9E	RGB 196 190 158	#C4BE9E
83.3%	83.3% #D1CCB4	RGB 209 204 180	#D1CCB4
100.0%	100.0% #DFDBCA	RGB 223 219 202	#DFDBCA

#8F8446 #9C925C #A9A172 #B7AF88 #C4BE9E #D1CCB4 #DFDBCA

#8F8446 - #DFDBCA

HSVブレンド

#8F8446 - #DFDBCA | colorate

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

0.0%	0.0% #8F8446	RGB 143 132 70	#8F8446
16.7%	16.7% #9C9157	RGB 156 145 87	#9C9157
33.3%	33.3% #A99F6A	RGB 169 159 106	#A99F6A
50.0%	50.0% #B7AD7F	RGB 183 173 127	#B7AD7F
66.7%	66.7% #C4BC96	RGB 196 188 150	#C4BC96
83.3%	83.3% #D1CBAF	RGB 209 203 175	#D1CBAF
100.0%	100.0% #DFDBCA	RGB 223 219 202	#DFDBCA

#8F8446 #9C9157 #A99F6A #B7AD7F #C4BC96 #D1CBAF #DFDBCA

#8F8446 - #B7AD7F - #DFDBCA

CSSコード

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

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