#1E8E81 - #8E811E | colorate

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

Blend #1E8E81 to #8E811E

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

RGBブレンド

#1E8E81 - #8E811E | colorate

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

0.0%	0.0% #1E8E81	RGB 30 142 129	#1E8E81
16.7%	16.7% #308B70	RGB 48 139 112	#308B70
33.3%	33.3% #438960	RGB 67 137 96	#438960
50.0%	50.0% #56874F	RGB 86 135 79	#56874F
66.7%	66.7% #68853F	RGB 104 133 63	#68853F
83.3%	83.3% #7B832E	RGB 123 131 46	#7B832E
100.0%	100.0% #8E811E	RGB 142 129 30	#8E811E

#1E8E81 #308B70 #438960 #56874F #68853F #7B832E #8E811E

#1E8E81 - #8E811E

HSVブレンド

#1E8E81 - #8E811E | colorate

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

0.0%	0.0% #1E8E81	RGB 30 142 129	#1E8E81
16.7%	16.7% #1E8E5B	RGB 30 142 91	#1E8E5B
33.3%	33.3% #1E8E36	RGB 30 142 54	#1E8E36
50.0%	50.0% #2B8E1E	RGB 43 142 30	#2B8E1E
66.7%	66.7% #508E1E	RGB 80 142 30	#508E1E
83.3%	83.3% #758E1E	RGB 117 142 30	#758E1E
100.0%	100.0% #8E811E	RGB 142 129 30	#8E811E

#1E8E81 #1E8E5B #1E8E36 #2B8E1E #508E1E #758E1E #8E811E

#1E8E81 - #2B8E1E - #8E811E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E8E81 0%, #2B8E1E 50%, #8E811E 100%);
    background: -webkit-linear-gradient(top, #1E8E81 0%, #2B8E1E 50%, #8E811E 100%);
    background: linear-gradient(to bottom, #1E8E81 0%, #2B8E1E 50%, #8E811E 100%);
}
</style>