#123014 - #134927 | colorate

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

Blend #123014 to #134927

#123014 #134927

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

RGBブレンド

#123014 - #134927 | colorate

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

0.0%	0.0% #123014	RGB 18 48 20	#123014
16.7%	16.7% #123417	RGB 18 52 23	#123417
33.3%	33.3% #12381A	RGB 18 56 26	#12381A
50.0%	50.0% #123C1D	RGB 18 60 29	#123C1D
66.7%	66.7% #124020	RGB 18 64 32	#124020
83.3%	83.3% #124423	RGB 18 68 35	#124423
100.0%	100.0% #134927	RGB 19 73 39	#134927

#123014 #123417 #12381A #123C1D #124020 #124423 #134927

#123014 - #134927

HSVブレンド

#123014 - #134927 | colorate

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

0.0%	0.0% #123014	RGB 18 48 20	#123014
16.7%	16.7% #123416	RGB 18 52 22	#123416
33.3%	33.3% #123819	RGB 18 56 25	#123819
50.0%	50.0% #133C1C	RGB 19 60 28	#133C1C
66.7%	66.7% #13401F	RGB 19 64 31	#13401F
83.3%	83.3% #134423	RGB 19 68 35	#134423
100.0%	100.0% #134927	RGB 19 73 39	#134927

#123014 #123416 #123819 #133C1C #13401F #134423 #134927

#123014 - #133C1C - #134927

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #123014 0%, #133C1C 50%, #134927 100%);
    background: -webkit-linear-gradient(top, #123014 0%, #133C1C 50%, #134927 100%);
    background: linear-gradient(to bottom, #123014 0%, #133C1C 50%, #134927 100%);
}
</style>