#101310 - #191F1D | colorate

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

Blend #101310 to #191F1D

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

RGBブレンド

#101310 - #191F1D | colorate

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

0.0%	0.0% #101310	RGB 16 19 16	#101310
16.7%	16.7% #111512	RGB 17 21 18	#111512
33.3%	33.3% #131714	RGB 19 23 20	#131714
50.0%	50.0% #141916	RGB 20 25 22	#141916
66.7%	66.7% #161B18	RGB 22 27 24	#161B18
83.3%	83.3% #171D1A	RGB 23 29 26	#171D1A
100.0%	100.0% #191F1D	RGB 25 31 29	#191F1D

#101310 #111512 #131714 #141916 #161B18 #171D1A #191F1D

#101310 - #191F1D

HSVブレンド

#101310 - #191F1D | colorate

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

0.0%	0.0% #101310	RGB 16 19 16	#101310
16.7%	16.7% #111511	RGB 17 21 17	#111511
33.3%	33.3% #131713	RGB 19 23 19	#131713
50.0%	50.0% #141916	RGB 20 25 22	#141916
66.7%	66.7% #161B18	RGB 22 27 24	#161B18
83.3%	83.3% #171D1A	RGB 23 29 26	#171D1A
100.0%	100.0% #191F1D	RGB 25 31 29	#191F1D

#101310 #111511 #131713 #141916 #161B18 #171D1A #191F1D

#101310 - #141916 - #191F1D

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #101310 0%, #141916 50%, #191F1D 100%);
    background: -webkit-linear-gradient(top, #101310 0%, #141916 50%, #191F1D 100%);
    background: linear-gradient(to bottom, #101310 0%, #141916 50%, #191F1D 100%);
}
</style>