#190B0A - #BDB9B9 | colorate

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

Blend #190B0A to #BDB9B9

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

RGBブレンド

#190B0A - #BDB9B9 | colorate

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

0.0%	0.0% #190B0A	RGB 25 11 10	#190B0A
16.7%	16.7% #342827	RGB 52 40 39	#342827
33.3%	33.3% #4F4544	RGB 79 69 68	#4F4544
50.0%	50.0% #6B6261	RGB 107 98 97	#6B6261
66.7%	66.7% #867F7E	RGB 134 127 126	#867F7E
83.3%	83.3% #A19C9B	RGB 161 156 155	#A19C9B
100.0%	100.0% #BDB9B9	RGB 189 185 185	#BDB9B9

#190B0A #342827 #4F4544 #6B6261 #867F7E #A19C9B #BDB9B9

#190B0A - #BDB9B9

HSVブレンド

#190B0A - #BDB9B9 | colorate

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

0.0%	0.0% #190B0A	RGB 25 11 10	#190B0A
16.7%	16.7% #341B19	RGB 52 27 25	#341B19
33.3%	33.3% #4F302F	RGB 79 48 47	#4F302F
50.0%	50.0% #6B4A49	RGB 107 74 73	#6B4A49
66.7%	66.7% #866A69	RGB 134 106 105	#866A69
83.3%	83.3% #A18E8E	RGB 161 142 142	#A18E8E
100.0%	100.0% #BDB9B9	RGB 189 185 185	#BDB9B9

#190B0A #341B19 #4F302F #6B4A49 #866A69 #A18E8E #BDB9B9

#190B0A - #6B4A49 - #BDB9B9

CSSコード

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

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