#191721 - #BFBCBF | colorate

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

Blend #191721 to #BFBCBF

#191721 #BFBCBF

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

RGBブレンド

#191721 - #BFBCBF | colorate

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

0.0%	0.0% #191721	RGB 25 23 33	#191721
16.7%	16.7% #34323B	RGB 52 50 59	#34323B
33.3%	33.3% #504E55	RGB 80 78 85	#504E55
50.0%	50.0% #6C6970	RGB 108 105 112	#6C6970
66.7%	66.7% #87858A	RGB 135 133 138	#87858A
83.3%	83.3% #A3A0A4	RGB 163 160 164	#A3A0A4
100.0%	100.0% #BFBCBF	RGB 191 188 191	#BFBCBF

#191721 #34323B #504E55 #6C6970 #87858A #A3A0A4 #BFBCBF

#191721 - #BFBCBF

HSVブレンド

#191721 - #BFBCBF | colorate

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

0.0%	0.0% #191721	RGB 25 23 33	#191721
16.7%	16.7% #312C3B	RGB 49 44 59	#312C3B
33.3%	33.3% #4C4355	RGB 76 67 85	#4C4355
50.0%	50.0% #685E70	RGB 104 94 112	#685E70
66.7%	66.7% #867A8A	RGB 134 122 138	#867A8A
83.3%	83.3% #A39AA4	RGB 163 154 164	#A39AA4
100.0%	100.0% #BFBCBF	RGB 191 188 191	#BFBCBF

#191721 #312C3B #4C4355 #685E70 #867A8A #A39AA4 #BFBCBF

#191721 - #685E70 - #BFBCBF

CSSコード

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

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