#B5B5C8 - #19191C | colorate

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

Blend #B5B5C8 to #19191C

#B5B5C8 #19191C

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

RGBブレンド

#B5B5C8 - #19191C | colorate

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

0.0%	0.0% #B5B5C8	RGB 181 181 200	#B5B5C8
16.7%	16.7% #9B9BAB	RGB 155 155 171	#9B9BAB
33.3%	33.3% #81818E	RGB 129 129 142	#81818E
50.0%	50.0% #676772	RGB 103 103 114	#676772
66.7%	66.7% #4D4D55	RGB 77 77 85	#4D4D55
83.3%	83.3% #333338	RGB 51 51 56	#333338
100.0%	100.0% #19191C	RGB 25 25 28	#19191C

#B5B5C8 #9B9BAB #81818E #676772 #4D4D55 #333338 #19191C

#B5B5C8 - #19191C

HSVブレンド

#B5B5C8 - #19191C | colorate

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

0.0%	0.0% #B5B5C8	RGB 181 181 200	#B5B5C8
16.7%	16.7% #9A9AAB	RGB 154 154 171	#9A9AAB
33.3%	33.3% #80808E	RGB 128 128 142	#80808E
50.0%	50.0% #666672	RGB 102 102 114	#666672
66.7%	66.7% #4C4C55	RGB 76 76 85	#4C4C55
83.3%	83.3% #323238	RGB 50 50 56	#323238
100.0%	100.0% #19191C	RGB 25 25 28	#19191C

#B5B5C8 #9A9AAB #80808E #666672 #4C4C55 #323238 #19191C

#B5B5C8 - #666672 - #19191C

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #B5B5C8 0%, #666672 50%, #19191C 100%);
    background: -webkit-linear-gradient(top, #B5B5C8 0%, #666672 50%, #19191C 100%);
    background: linear-gradient(to bottom, #B5B5C8 0%, #666672 50%, #19191C 100%);
}
</style>