#240002 - #060110 | colorate

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

Blend #240002 to #060110

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

RGBブレンド

#240002 - #060110 | colorate

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

0.0%	0.0% #240002	RGB 36 0 2	#240002
16.7%	16.7% #1F0004	RGB 31 0 4	#1F0004
33.3%	33.3% #1A0006	RGB 26 0 6	#1A0006
50.0%	50.0% #150009	RGB 21 0 9	#150009
66.7%	66.7% #10000B	RGB 16 0 11	#10000B
83.3%	83.3% #0B000D	RGB 11 0 13	#0B000D
100.0%	100.0% #060110	RGB 6 1 16	#060110

#240002 #1F0004 #1A0006 #150009 #10000B #0B000D #060110

#240002 - #060110

HSVブレンド

#240002 - #060110 | colorate

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

0.0%	0.0% #240002	RGB 36 0 2	#240002
16.7%	16.7% #20000A	RGB 32 0 10	#20000A
33.3%	33.3% #1D0011	RGB 29 0 17	#1D0011
50.0%	50.0% #1A0016	RGB 26 0 22	#1A0016
66.7%	66.7% #130016	RGB 19 0 22	#130016
83.3%	83.3% #0C0113	RGB 12 1 19	#0C0113
100.0%	100.0% #060110	RGB 6 1 16	#060110

#240002 #20000A #1D0011 #1A0016 #130016 #0C0113 #060110

#240002 - #1A0016 - #060110

CSSコード

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

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