#2B3010 - #30102A | colorate

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

Blend #2B3010 to #30102A

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

RGBブレンド

#2B3010 - #30102A | colorate

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

0.0%	0.0% #2B3010	RGB 43 48 16	#2B3010
16.7%	16.7% #2B2A14	RGB 43 42 20	#2B2A14
33.3%	33.3% #2C2518	RGB 44 37 24	#2C2518
50.0%	50.0% #2D201D	RGB 45 32 29	#2D201D
66.7%	66.7% #2E1A21	RGB 46 26 33	#2E1A21
83.3%	83.3% #2F1525	RGB 47 21 37	#2F1525
100.0%	100.0% #30102A	RGB 48 16 42	#30102A

#2B3010 #2B2A14 #2C2518 #2D201D #2E1A21 #2F1525 #30102A

#2B3010 - #30102A

HSVブレンド

#2B3010 - #30102A | colorate

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

0.0%	0.0% #2B3010	RGB 43 48 16	#2B3010
16.7%	16.7% #302A10	RGB 48 42 16	#302A10
33.3%	33.3% #302010	RGB 48 32 16	#302010
50.0%	50.0% #301510	RGB 48 21 16	#301510
66.7%	66.7% #301014	RGB 48 16 20	#301014
83.3%	83.3% #30101F	RGB 48 16 31	#30101F
100.0%	100.0% #30102A	RGB 48 16 42	#30102A

#2B3010 #302A10 #302010 #301510 #301014 #30101F #30102A

#2B3010 - #301510 - #30102A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B3010 0%, #301510 50%, #30102A 100%);
    background: -webkit-linear-gradient(top, #2B3010 0%, #301510 50%, #30102A 100%);
    background: linear-gradient(to bottom, #2B3010 0%, #301510 50%, #30102A 100%);
}
</style>