#302B10 - #2C1030 | colorate

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

Blend #302B10 to #2C1030

#302B10 #2C1030

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

RGBブレンド

#302B10 - #2C1030 | colorate

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

0.0%	0.0% #302B10	RGB 48 43 16	#302B10
16.7%	16.7% #2F2615	RGB 47 38 21	#2F2615
33.3%	33.3% #2E221A	RGB 46 34 26	#2E221A
50.0%	50.0% #2E1D20	RGB 46 29 32	#2E1D20
66.7%	66.7% #2D1925	RGB 45 25 37	#2D1925
83.3%	83.3% #2C142A	RGB 44 20 42	#2C142A
100.0%	100.0% #2C1030	RGB 44 16 48	#2C1030

#302B10 #2F2615 #2E221A #2E1D20 #2D1925 #2C142A #2C1030

#302B10 - #2C1030

HSVブレンド

#302B10 - #2C1030 | colorate

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

0.0%	0.0% #302B10	RGB 48 43 16	#302B10
16.7%	16.7% #302010	RGB 48 32 16	#302010
33.3%	33.3% #301510	RGB 48 21 16	#301510
50.0%	50.0% #301014	RGB 48 16 20	#301014
66.7%	66.7% #30101F	RGB 48 16 31	#30101F
83.3%	83.3% #301029	RGB 48 16 41	#301029
100.0%	100.0% #2C1030	RGB 44 16 48	#2C1030

#302B10 #302010 #301510 #301014 #30101F #301029 #2C1030

#302B10 - #301014 - #2C1030

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #302B10 0%, #301014 50%, #2C1030 100%);
    background: -webkit-linear-gradient(top, #302B10 0%, #301014 50%, #2C1030 100%);
    background: linear-gradient(to bottom, #302B10 0%, #301014 50%, #2C1030 100%);
}
</style>