#292630 - #110109 | colorate

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

Blend #292630 to #110109

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

RGBブレンド

#292630 - #110109 | colorate

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

0.0%	0.0% #292630	RGB 41 38 48	#292630
16.7%	16.7% #251F29	RGB 37 31 41	#251F29
33.3%	33.3% #211923	RGB 33 25 35	#211923
50.0%	50.0% #1D131C	RGB 29 19 28	#1D131C
66.7%	66.7% #190D16	RGB 25 13 22	#190D16
83.3%	83.3% #15070F	RGB 21 7 15	#15070F
100.0%	100.0% #110109	RGB 17 1 9	#110109

#292630 #251F29 #211923 #1D131C #190D16 #15070F #110109

#292630 - #110109

HSVブレンド

#292630 - #110109 | colorate

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

0.0%	0.0% #292630	RGB 41 38 48	#292630
16.7%	16.7% #231C2A	RGB 35 28 42	#231C2A
33.3%	33.3% #201425	RGB 32 20 37	#201425
50.0%	50.0% #1E0D20	RGB 30 13 32	#1E0D20
66.7%	66.7% #1B0819	RGB 27 8 25	#1B0819
83.3%	83.3% #160410	RGB 22 4 16	#160410
100.0%	100.0% #110109	RGB 17 1 9	#110109

#292630 #231C2A #201425 #1E0D20 #1B0819 #160410 #110109

#292630 - #1E0D20 - #110109

CSSコード

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

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