#051914 - #B7BDBB | colorate

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

Blend #051914 to #B7BDBB

#051914 #B7BDBB

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

RGBブレンド

#051914 - #B7BDBB | colorate

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

0.0%	0.0% #051914	RGB 5 25 20	#051914
16.7%	16.7% #22342F	RGB 34 52 47	#22342F
33.3%	33.3% #404F4B	RGB 64 79 75	#404F4B
50.0%	50.0% #5E6B67	RGB 94 107 103	#5E6B67
66.7%	66.7% #7B8683	RGB 123 134 131	#7B8683
83.3%	83.3% #99A19F	RGB 153 161 159	#99A19F
100.0%	100.0% #B7BDBB	RGB 183 189 187	#B7BDBB

#051914 #22342F #404F4B #5E6B67 #7B8683 #99A19F #B7BDBB

#051914 - #B7BDBB

HSVブレンド

#051914 - #B7BDBB | colorate

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

0.0%	0.0% #051913	RGB 5 25 19	#051913
16.7%	16.7% #11342B	RGB 17 52 43	#11342B
33.3%	33.3% #244F43	RGB 36 79 67	#244F43
50.0%	50.0% #3E6B5E	RGB 62 107 94	#3E6B5E
66.7%	66.7% #5F867A	RGB 95 134 122	#5F867A
83.3%	83.3% #87A199	RGB 135 161 153	#87A199
100.0%	100.0% #B7BDBB	RGB 183 189 187	#B7BDBB

#051913 #11342B #244F43 #3E6B5E #5F867A #87A199 #B7BDBB

#051914 - #3E6B5E - #B7BDBB

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #051913 0%, #3E6B5E 50%, #B7BDBB 100%);
    background: -webkit-linear-gradient(top, #051913 0%, #3E6B5E 50%, #B7BDBB 100%);
    background: linear-gradient(to bottom, #051913 0%, #3E6B5E 50%, #B7BDBB 100%);
}
</style>