#190D2D - #0A0006 | colorate

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

Blend #190D2D to #0A0006

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

RGBブレンド

#190D2D - #0A0006 | colorate

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

0.0%	0.0% #190D2D	RGB 25 13 45	#190D2D
16.7%	16.7% #160A26	RGB 22 10 38	#160A26
33.3%	33.3% #140820	RGB 20 8 32	#140820
50.0%	50.0% #110619	RGB 17 6 25	#110619
66.7%	66.7% #0F0413	RGB 15 4 19	#0F0413
83.3%	83.3% #0C020C	RGB 12 2 12	#0C020C
100.0%	100.0% #0A0006	RGB 10 0 6	#0A0006

#190D2D #160A26 #140820 #110619 #0F0413 #0C020C #0A0006

#190D2D - #0A0006

HSVブレンド

#190D2D - #0A0006 | colorate

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

0.0%	0.0% #190D2D	RGB 25 13 45	#190D2D
16.7%	16.7% #190927	RGB 25 9 39	#190927
33.3%	33.3% #190621	RGB 25 6 33	#190621
50.0%	50.0% #18031B	RGB 24 3 27	#18031B
66.7%	66.7% #150214	RGB 21 2 20	#150214
83.3%	83.3% #0F000C	RGB 15 0 12	#0F000C
100.0%	100.0% #0A0006	RGB 10 0 6	#0A0006

#190D2D #190927 #190621 #18031B #150214 #0F000C #0A0006

#190D2D - #18031B - #0A0006

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #190D2D 0%, #18031B 50%, #0A0006 100%);
    background: -webkit-linear-gradient(top, #190D2D 0%, #18031B 50%, #0A0006 100%);
    background: linear-gradient(to bottom, #190D2D 0%, #18031B 50%, #0A0006 100%);
}
</style>