#208F59 - #092818 | colorate

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

Blend #208F59 to #092818

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

RGBブレンド

#208F59 - #092818 | colorate

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

0.0%	0.0% #208F59	RGB 32 143 89	#208F59
16.7%	16.7% #1C7D4E	RGB 28 125 78	#1C7D4E
33.3%	33.3% #186C43	RGB 24 108 67	#186C43
50.0%	50.0% #145B38	RGB 20 91 56	#145B38
66.7%	66.7% #104A2D	RGB 16 74 45	#104A2D
83.3%	83.3% #0C3922	RGB 12 57 34	#0C3922
100.0%	100.0% #092818	RGB 9 40 24	#092818

#208F59 #1C7D4E #186C43 #145B38 #104A2D #0C3922 #092818

#208F59 - #092818

HSVブレンド

#208F59 - #092818 | colorate

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

0.0%	0.0% #208F58	RGB 32 143 88	#208F58
16.7%	16.7% #1C7D4D	RGB 28 125 77	#1C7D4D
33.3%	33.3% #186C42	RGB 24 108 66	#186C42
50.0%	50.0% #145B37	RGB 20 91 55	#145B37
66.7%	66.7% #104A2D	RGB 16 74 45	#104A2D
83.3%	83.3% #0C3922	RGB 12 57 34	#0C3922
100.0%	100.0% #092818	RGB 9 40 24	#092818

#208F58 #1C7D4D #186C42 #145B37 #104A2D #0C3922 #092818

#208F59 - #145B37 - #092818

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #208F58 0%, #145B37 50%, #092818 100%);
    background: -webkit-linear-gradient(top, #208F58 0%, #145B37 50%, #092818 100%);
    background: linear-gradient(to bottom, #208F58 0%, #145B37 50%, #092818 100%);
}
</style>