#0F0012 - #BAB6BB | colorate

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

Blend #0F0012 to #BAB6BB

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

RGBブレンド

#0F0012 - #BAB6BB | colorate

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

0.0%	0.0% #0F0012	RGB 15 0 18	#0F0012
16.7%	16.7% #2B1E2E	RGB 43 30 46	#2B1E2E
33.3%	33.3% #483C4A	RGB 72 60 74	#483C4A
50.0%	50.0% #645B66	RGB 100 91 102	#645B66
66.7%	66.7% #817982	RGB 129 121 130	#817982
83.3%	83.3% #9D979E	RGB 157 151 158	#9D979E
100.0%	100.0% #BAB6BB	RGB 186 182 187	#BAB6BB

#0F0012 #2B1E2E #483C4A #645B66 #817982 #9D979E #BAB6BB

#0F0012 - #BAB6BB

HSVブレンド

#0F0012 - #BAB6BB | colorate

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

0.0%	0.0% #0F0012	RGB 15 0 18	#0F0012
16.7%	16.7% #27072E	RGB 39 7 46	#27072E
33.3%	33.3% #41184A	RGB 65 24 74	#41184A
50.0%	50.0% #5C3166	RGB 92 49 102	#5C3166
66.7%	66.7% #795482	RGB 121 84 130	#795482
83.3%	83.3% #98809E	RGB 152 128 158	#98809E
100.0%	100.0% #BAB6BB	RGB 186 182 187	#BAB6BB

#0F0012 #27072E #41184A #5C3166 #795482 #98809E #BAB6BB

#0F0012 - #5C3166 - #BAB6BB

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F0012 0%, #5C3166 50%, #BAB6BB 100%);
    background: -webkit-linear-gradient(top, #0F0012 0%, #5C3166 50%, #BAB6BB 100%);
    background: linear-gradient(to bottom, #0F0012 0%, #5C3166 50%, #BAB6BB 100%);
}
</style>