#181011 - #BDBABB | colorate

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

Blend #181011 to #BDBABB

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

RGBブレンド

#181011 - #BDBABB | colorate

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

0.0%	0.0% #181011	RGB 24 16 17	#181011
16.7%	16.7% #332C2D	RGB 51 44 45	#332C2D
33.3%	33.3% #4F4849	RGB 79 72 73	#4F4849
50.0%	50.0% #6A6566	RGB 106 101 102	#6A6566
66.7%	66.7% #868182	RGB 134 129 130	#868182
83.3%	83.3% #A19D9E	RGB 161 157 158	#A19D9E
100.0%	100.0% #BDBABB	RGB 189 186 187	#BDBABB

#181011 #332C2D #4F4849 #6A6566 #868182 #A19D9E #BDBABB

#181011 - #BDBABB

HSVブレンド

#181011 - #BDBABB | colorate

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

0.0%	0.0% #181010	RGB 24 16 16	#181010
16.7%	16.7% #332527	RGB 51 37 39	#332527
33.3%	33.3% #4F3D40	RGB 79 61 64	#4F3D40
50.0%	50.0% #6A575C	RGB 106 87 92	#6A575C
66.7%	66.7% #867579	RGB 134 117 121	#867579
83.3%	83.3% #A19699	RGB 161 150 153	#A19699
100.0%	100.0% #BDBABB	RGB 189 186 187	#BDBABB

#181010 #332527 #4F3D40 #6A575C #867579 #A19699 #BDBABB

#181011 - #6A575C - #BDBABB

CSSコード

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

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