#3F8F3F - #07321C | colorate

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

Blend #3F8F3F to #07321C

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

RGBブレンド

#3F8F3F - #07321C | colorate

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

0.0%	0.0% #3F8F3F	RGB 63 143 63	#3F8F3F
16.7%	16.7% #357F39	RGB 53 127 57	#357F39
33.3%	33.3% #2C7033	RGB 44 112 51	#2C7033
50.0%	50.0% #23602D	RGB 35 96 45	#23602D
66.7%	66.7% #195127	RGB 25 81 39	#195127
83.3%	83.3% #104121	RGB 16 65 33	#104121
100.0%	100.0% #07321C	RGB 7 50 28	#07321C

#3F8F3F #357F39 #2C7033 #23602D #195127 #104121 #07321C

#3F8F3F - #07321C

HSVブレンド

#3F8F3F - #07321C | colorate

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

0.0%	0.0% #3F8F3F	RGB 63 143 63	#3F8F3F
16.7%	16.7% #317F38	RGB 49 127 56	#317F38
33.3%	33.3% #267032	RGB 38 112 50	#267032
50.0%	50.0% #1C602C	RGB 28 96 44	#1C602C
66.7%	66.7% #135127	RGB 19 81 39	#135127
83.3%	83.3% #0C4122	RGB 12 65 34	#0C4122
100.0%	100.0% #07321C	RGB 7 50 28	#07321C

#3F8F3F #317F38 #267032 #1C602C #135127 #0C4122 #07321C

#3F8F3F - #1C602C - #07321C

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F8F3F 0%, #1C602C 50%, #07321C 100%);
    background: -webkit-linear-gradient(top, #3F8F3F 0%, #1C602C 50%, #07321C 100%);
    background: linear-gradient(to bottom, #3F8F3F 0%, #1C602C 50%, #07321C 100%);
}
</style>