#170529 - #0B0501 | colorate

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

Blend #170529 to #0B0501

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

RGBブレンド

#170529 - #0B0501 | colorate

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

0.0%	0.0% #170529	RGB 23 5 41	#170529
16.7%	16.7% #150522	RGB 21 5 34	#150522
33.3%	33.3% #13051B	RGB 19 5 27	#13051B
50.0%	50.0% #110515	RGB 17 5 21	#110515
66.7%	66.7% #0F050E	RGB 15 5 14	#0F050E
83.3%	83.3% #0D0507	RGB 13 5 7	#0D0507
100.0%	100.0% #0B0501	RGB 11 5 1	#0B0501

#170529 #150522 #13051B #110515 #0F050E #0D0507 #0B0501

#170529 - #0B0501

HSVブレンド

#170529 - #0B0501 | colorate

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

0.0%	0.0% #170529	RGB 23 5 41	#170529
16.7%	16.7% #1E0424	RGB 30 4 36	#1E0424
33.3%	33.3% #1F031B	RGB 31 3 27	#1F031B
50.0%	50.0% #1A020F	RGB 26 2 15	#1A020F
66.7%	66.7% #150206	RGB 21 2 6	#150206
83.3%	83.3% #100201	RGB 16 2 1	#100201
100.0%	100.0% #0B0501	RGB 11 5 1	#0B0501

#170529 #1E0424 #1F031B #1A020F #150206 #100201 #0B0501

#170529 - #1A020F - #0B0501

CSSコード

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

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