#8F7E20 - #DFDABF | colorate

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

Blend #8F7E20 to #DFDABF

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

RGBブレンド

#8F7E20 - #DFDABF | colorate

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

0.0%	0.0% #8F7E20	RGB 143 126 32	#8F7E20
16.7%	16.7% #9C8D3A	RGB 156 141 58	#9C8D3A
33.3%	33.3% #A99C55	RGB 169 156 85	#A99C55
50.0%	50.0% #B7AC6F	RGB 183 172 111	#B7AC6F
66.7%	66.7% #C4BB8A	RGB 196 187 138	#C4BB8A
83.3%	83.3% #D1CAA4	RGB 209 202 164	#D1CAA4
100.0%	100.0% #DFDABF	RGB 223 218 191	#DFDABF

#8F7E20 #9C8D3A #A99C55 #B7AC6F #C4BB8A #D1CAA4 #DFDABF

#8F7E20 - #DFDABF

HSVブレンド

#8F7E20 - #DFDABF | colorate

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

0.0%	0.0% #8F7E20	RGB 143 126 32	#8F7E20
16.7%	16.7% #9C8C33	RGB 156 140 51	#9C8C33
33.3%	33.3% #A99A49	RGB 169 154 73	#A99A49
50.0%	50.0% #B7A962	RGB 183 169 98	#B7A962
66.7%	66.7% #C4B97E	RGB 196 185 126	#C4B97E
83.3%	83.3% #D1C99D	RGB 209 201 157	#D1C99D
100.0%	100.0% #DFDABF	RGB 223 218 191	#DFDABF

#8F7E20 #9C8C33 #A99A49 #B7A962 #C4B97E #D1C99D #DFDABF

#8F7E20 - #B7A962 - #DFDABF

CSSコード

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

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