#8F7F3D - #97A837 | colorate

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

Blend #8F7F3D to #97A837

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

RGBブレンド

#8F7F3D - #97A837 | colorate

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

0.0%	0.0% #8F7F3D	RGB 143 127 61	#8F7F3D
16.7%	16.7% #90853C	RGB 144 133 60	#90853C
33.3%	33.3% #918C3B	RGB 145 140 59	#918C3B
50.0%	50.0% #93933A	RGB 147 147 58	#93933A
66.7%	66.7% #949A39	RGB 148 154 57	#949A39
83.3%	83.3% #95A138	RGB 149 161 56	#95A138
100.0%	100.0% #97A837	RGB 151 168 55	#97A837

#8F7F3D #90853C #918C3B #93933A #949A39 #95A138 #97A837

#8F7F3D - #97A837

HSVブレンド

#8F7F3D - #97A837 | colorate

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

0.0%	0.0% #8F7F3D	RGB 143 127 61	#8F7F3D
16.7%	16.7% #93873C	RGB 147 135 60	#93873C
33.3%	33.3% #978F3B	RGB 151 143 59	#978F3B
50.0%	50.0% #9B993A	RGB 155 153 58	#9B993A
66.7%	66.7% #9C9F39	RGB 156 159 57	#9C9F39
83.3%	83.3% #99A338	RGB 153 163 56	#99A338
100.0%	100.0% #97A837	RGB 151 168 55	#97A837

#8F7F3D #93873C #978F3B #9B993A #9C9F39 #99A338 #97A837

#8F7F3D - #9B993A - #97A837

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F7F3D 0%, #9B993A 50%, #97A837 100%);
    background: -webkit-linear-gradient(top, #8F7F3D 0%, #9B993A 50%, #97A837 100%);
    background: linear-gradient(to bottom, #8F7F3D 0%, #9B993A 50%, #97A837 100%);
}
</style>