#808F37 - #EDEFE2 | colorate

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

Blend #808F37 to #EDEFE2

#808F37 #EDEFE2

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

RGBブレンド

#808F37 - #EDEFE2 | colorate

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

0.0%	0.0% #808F37	RGB 128 143 55	#808F37
16.7%	16.7% #929F53	RGB 146 159 83	#929F53
33.3%	33.3% #A4AF70	RGB 164 175 112	#A4AF70
50.0%	50.0% #B6BF8C	RGB 182 191 140	#B6BF8C
66.7%	66.7% #C8CFA9	RGB 200 207 169	#C8CFA9
83.3%	83.3% #DADFC5	RGB 218 223 197	#DADFC5
100.0%	100.0% #EDEFE2	RGB 237 239 226	#EDEFE2

#808F37 #929F53 #A4AF70 #B6BF8C #C8CFA9 #DADFC5 #EDEFE2

#808F37 - #EDEFE2

HSVブレンド

#808F37 - #EDEFE2 | colorate

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

0.0%	0.0% #808F37	RGB 128 143 55	#808F37
16.7%	16.7% #919F4C	RGB 145 159 76	#919F4C
33.3%	33.3% #A2AF64	RGB 162 175 100	#A2AF64
50.0%	50.0% #B4BF7F	RGB 180 191 127	#B4BF7F
66.7%	66.7% #C7CF9D	RGB 199 207 157	#C7CF9D
83.3%	83.3% #D9DFBE	RGB 217 223 190	#D9DFBE
100.0%	100.0% #EDEFE2	RGB 237 239 226	#EDEFE2

#808F37 #919F4C #A2AF64 #B4BF7F #C7CF9D #D9DFBE #EDEFE2

#808F37 - #B4BF7F - #EDEFE2

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #808F37 0%, #B4BF7F 50%, #EDEFE2 100%);
    background: -webkit-linear-gradient(top, #808F37 0%, #B4BF7F 50%, #EDEFE2 100%);
    background: linear-gradient(to bottom, #808F37 0%, #B4BF7F 50%, #EDEFE2 100%);
}
</style>