#252D35 - #080C0E | colorate

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

Blend #252D35 to #080C0E

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

RGBブレンド

#252D35 - #080C0E | colorate

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

0.0%	0.0% #252D35	RGB 37 45 53	#252D35
16.7%	16.7% #20272E	RGB 32 39 46	#20272E
33.3%	33.3% #1B2228	RGB 27 34 40	#1B2228
50.0%	50.0% #161C21	RGB 22 28 33	#161C21
66.7%	66.7% #11171B	RGB 17 23 27	#11171B
83.3%	83.3% #0C1114	RGB 12 17 20	#0C1114
100.0%	100.0% #080C0E	RGB 8 12 14	#080C0E

#252D35 #20272E #1B2228 #161C21 #11171B #0C1114 #080C0E

#252D35 - #080C0E

HSVブレンド

#252D35 - #080C0E | colorate

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

0.0%	0.0% #252C35	RGB 37 44 53	#252C35
16.7%	16.7% #1F272E	RGB 31 39 46	#1F272E
33.3%	33.3% #1A2128	RGB 26 33 40	#1A2128
50.0%	50.0% #151C21	RGB 21 28 33	#151C21
66.7%	66.7% #10161B	RGB 16 22 27	#10161B
83.3%	83.3% #0C1114	RGB 12 17 20	#0C1114
100.0%	100.0% #080C0E	RGB 8 12 14	#080C0E

#252C35 #1F272E #1A2128 #151C21 #10161B #0C1114 #080C0E

#252D35 - #151C21 - #080C0E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #252C35 0%, #151C21 50%, #080C0E 100%);
    background: -webkit-linear-gradient(top, #252C35 0%, #151C21 50%, #080C0E 100%);
    background: linear-gradient(to bottom, #252C35 0%, #151C21 50%, #080C0E 100%);
}
</style>