#303914 - #39142F | colorate

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

Blend #303914 to #39142F

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

RGBブレンド

#303914 - #39142F | colorate

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

0.0%	0.0% #303914	RGB 48 57 20	#303914
16.7%	16.7% #313218	RGB 49 50 24	#313218
33.3%	33.3% #332C1D	RGB 51 44 29	#332C1D
50.0%	50.0% #342621	RGB 52 38 33	#342621
66.7%	66.7% #362026	RGB 54 32 38	#362026
83.3%	83.3% #371A2A	RGB 55 26 42	#371A2A
100.0%	100.0% #39142F	RGB 57 20 47	#39142F

#303914 #313218 #332C1D #342621 #362026 #371A2A #39142F

#303914 - #39142F

HSVブレンド

#303914 - #39142F | colorate

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

0.0%	0.0% #303914	RGB 48 57 20	#303914
16.7%	16.7% #393514	RGB 57 53 20	#393514
33.3%	33.3% #392914	RGB 57 41 20	#392914
50.0%	50.0% #391D14	RGB 57 29 20	#391D14
66.7%	66.7% #391416	RGB 57 20 22	#391416
83.3%	83.3% #391422	RGB 57 20 34	#391422
100.0%	100.0% #39142F	RGB 57 20 47	#39142F

#303914 #393514 #392914 #391D14 #391416 #391422 #39142F

#303914 - #391D14 - #39142F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #303914 0%, #391D14 50%, #39142F 100%);
    background: -webkit-linear-gradient(top, #303914 0%, #391D14 50%, #39142F 100%);
    background: linear-gradient(to bottom, #303914 0%, #391D14 50%, #39142F 100%);
}
</style>