#110A0E - #160202 | colorate

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

Blend #110A0E to #160202

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

RGBブレンド

#110A0E - #160202 | colorate

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

0.0%	0.0% #110A0E	RGB 17 10 14	#110A0E
16.7%	16.7% #11080C	RGB 17 8 12	#11080C
33.3%	33.3% #12070A	RGB 18 7 10	#12070A
50.0%	50.0% #130608	RGB 19 6 8	#130608
66.7%	66.7% #140406	RGB 20 4 6	#140406
83.3%	83.3% #150304	RGB 21 3 4	#150304
100.0%	100.0% #160202	RGB 22 2 2	#160202

#110A0E #11080C #12070A #130608 #140406 #150304 #160202

#110A0E - #160202

HSVブレンド

#110A0E - #160202 | colorate

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

0.0%	0.0% #110A0E	RGB 17 10 14	#110A0E
16.7%	16.7% #11090D	RGB 17 9 13	#11090D
33.3%	33.3% #12070B	RGB 18 7 11	#12070B
50.0%	50.0% #13060A	RGB 19 6 10	#13060A
66.7%	66.7% #140508	RGB 20 5 8	#140508
83.3%	83.3% #150305	RGB 21 3 5	#150305
100.0%	100.0% #160202	RGB 22 2 2	#160202

#110A0E #11090D #12070B #13060A #140508 #150305 #160202

#110A0E - #13060A - #160202

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #110A0E 0%, #13060A 50%, #160202 100%);
    background: -webkit-linear-gradient(top, #110A0E 0%, #13060A 50%, #160202 100%);
    background: linear-gradient(to bottom, #110A0E 0%, #13060A 50%, #160202 100%);
}
</style>