#051F07 - #010801 | colorate

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

Blend #051F07 to #010801

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

RGBブレンド

#051F07 - #010801 | colorate

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

0.0%	0.0% #051F07	RGB 5 31 7	#051F07
16.7%	16.7% #041B06	RGB 4 27 6	#041B06
33.3%	33.3% #031705	RGB 3 23 5	#031705
50.0%	50.0% #031304	RGB 3 19 4	#031304
66.7%	66.7% #020F03	RGB 2 15 3	#020F03
83.3%	83.3% #010B02	RGB 1 11 2	#010B02
100.0%	100.0% #010801	RGB 1 8 1	#010801

#051F07 #041B06 #031705 #031304 #020F03 #010B02 #010801

#051F07 - #010801

HSVブレンド

#051F07 - #010801 | colorate

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

0.0%	0.0% #051F07	RGB 5 31 7	#051F07
16.7%	16.7% #041B05	RGB 4 27 5	#041B05
33.3%	33.3% #031704	RGB 3 23 4	#031704
50.0%	50.0% #021303	RGB 2 19 3	#021303
66.7%	66.7% #020F02	RGB 2 15 2	#020F02
83.3%	83.3% #010B01	RGB 1 11 1	#010B01
100.0%	100.0% #010801	RGB 1 8 1	#010801

#051F07 #041B05 #031704 #021303 #020F02 #010B01 #010801

#051F07 - #021303 - #010801

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #051F07 0%, #021303 50%, #010801 100%);
    background: -webkit-linear-gradient(top, #051F07 0%, #021303 50%, #010801 100%);
    background: linear-gradient(to bottom, #051F07 0%, #021303 50%, #010801 100%);
}
</style>