#081910 - #001B14 | colorate

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

Blend #081910 to #001B14

#081910 #001B14

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

RGBブレンド

#081910 - #001B14 | colorate

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

0.0%	0.0% #081910	RGB 8 25 16	#081910
16.7%	16.7% #061910	RGB 6 25 16	#061910
33.3%	33.3% #051911	RGB 5 25 17	#051911
50.0%	50.0% #041A12	RGB 4 26 18	#041A12
66.7%	66.7% #021A12	RGB 2 26 18	#021A12
83.3%	83.3% #011A13	RGB 1 26 19	#011A13
100.0%	100.0% #001B14	RGB 0 27 20	#001B14

#081910 #061910 #051911 #041A12 #021A12 #011A13 #001B14

#081910 - #001B14

HSVブレンド

#081910 - #001B14 | colorate

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

0.0%	0.0% #081910	RGB 8 25 16	#081910
16.7%	16.7% #061910	RGB 6 25 16	#061910
33.3%	33.3% #051910	RGB 5 25 16	#051910
50.0%	50.0% #041A11	RGB 4 26 17	#041A11
66.7%	66.7% #021A12	RGB 2 26 18	#021A12
83.3%	83.3% #011A12	RGB 1 26 18	#011A12
100.0%	100.0% #001B14	RGB 0 27 20	#001B14

#081910 #061910 #051910 #041A11 #021A12 #011A12 #001B14

#081910 - #041A11 - #001B14

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #081910 0%, #041A11 50%, #001B14 100%);
    background: -webkit-linear-gradient(top, #081910 0%, #041A11 50%, #001B14 100%);
    background: linear-gradient(to bottom, #081910 0%, #041A11 50%, #001B14 100%);
}
</style>