#488F2B - #12280C | colorate

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

Blend #488F2B to #12280C

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

RGBブレンド

#488F2B - #12280C | colorate

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

0.0%	0.0% #488F2B	RGB 72 143 43	#488F2B
16.7%	16.7% #3F7D25	RGB 63 125 37	#3F7D25
33.3%	33.3% #366C20	RGB 54 108 32	#366C20
50.0%	50.0% #2D5B1B	RGB 45 91 27	#2D5B1B
66.7%	66.7% #244A16	RGB 36 74 22	#244A16
83.3%	83.3% #1B3911	RGB 27 57 17	#1B3911
100.0%	100.0% #12280C	RGB 18 40 12	#12280C

#488F2B #3F7D25 #366C20 #2D5B1B #244A16 #1B3911 #12280C

#488F2B - #12280C

HSVブレンド

#488F2B - #12280C | colorate

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

0.0%	0.0% #488F2B	RGB 72 143 43	#488F2B
16.7%	16.7% #3E7D25	RGB 62 125 37	#3E7D25
33.3%	33.3% #346C20	RGB 52 108 32	#346C20
50.0%	50.0% #2B5B1B	RGB 43 91 27	#2B5B1B
66.7%	66.7% #224A16	RGB 34 74 22	#224A16
83.3%	83.3% #1A3911	RGB 26 57 17	#1A3911
100.0%	100.0% #12280C	RGB 18 40 12	#12280C

#488F2B #3E7D25 #346C20 #2B5B1B #224A16 #1A3911 #12280C

#488F2B - #2B5B1B - #12280C

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #488F2B 0%, #2B5B1B 50%, #12280C 100%);
    background: -webkit-linear-gradient(top, #488F2B 0%, #2B5B1B 50%, #12280C 100%);
    background: linear-gradient(to bottom, #488F2B 0%, #2B5B1B 50%, #12280C 100%);
}
</style>