#120112 - #BBB6BB | colorate

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

Blend #120112 to #BBB6BB

#120112 #BBB6BB

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

RGBブレンド

#120112 - #BBB6BB | colorate

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

0.0%	0.0% #120112	RGB 18 1 18	#120112
16.7%	16.7% #2E1F2E	RGB 46 31 46	#2E1F2E
33.3%	33.3% #4A3D4A	RGB 74 61 74	#4A3D4A
50.0%	50.0% #665B66	RGB 102 91 102	#665B66
66.7%	66.7% #827982	RGB 130 121 130	#827982
83.3%	83.3% #9E979E	RGB 158 151 158	#9E979E
100.0%	100.0% #BBB6BB	RGB 187 182 187	#BBB6BB

#120112 #2E1F2E #4A3D4A #665B66 #827982 #9E979E #BBB6BB

#120112 - #BBB6BB

HSVブレンド

#120112 - #BBB6BB | colorate

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

0.0%	0.0% #110112	RGB 17 1 18	#110112
16.7%	16.7% #2E092E	RGB 46 9 46	#2E092E
33.3%	33.3% #4A1A4A	RGB 74 26 74	#4A1A4A
50.0%	50.0% #663466	RGB 102 52 102	#663466
66.7%	66.7% #825782	RGB 130 87 130	#825782
83.3%	83.3% #9E829E	RGB 158 130 158	#9E829E
100.0%	100.0% #BBB6BB	RGB 187 182 187	#BBB6BB

#110112 #2E092E #4A1A4A #663466 #825782 #9E829E #BBB6BB

#120112 - #663466 - #BBB6BB

CSSコード

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

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