#1F201D - #002109 | colorate

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

Blend #1F201D to #002109

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

RGBブレンド

#1F201D - #002109 | colorate

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

0.0%	0.0% #1F201D	RGB 31 32 29	#1F201D
16.7%	16.7% #192019	RGB 25 32 25	#192019
33.3%	33.3% #142016	RGB 20 32 22	#142016
50.0%	50.0% #0F2013	RGB 15 32 19	#0F2013
66.7%	66.7% #0A200F	RGB 10 32 15	#0A200F
83.3%	83.3% #05200C	RGB 5 32 12	#05200C
100.0%	100.0% #002109	RGB 0 33 9	#002109

#1F201D #192019 #142016 #0F2013 #0A200F #05200C #002109

#1F201D - #002109

HSVブレンド

#1F201D - #002109 | colorate

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

0.0%	0.0% #1F201D	RGB 31 32 29	#1F201D
16.7%	16.7% #1C2018	RGB 28 32 24	#1C2018
33.3%	33.3% #182013	RGB 24 32 19	#182013
50.0%	50.0% #12200E	RGB 18 32 14	#12200E
66.7%	66.7% #0A2009	RGB 10 32 9	#0A2009
83.3%	83.3% #042008	RGB 4 32 8	#042008
100.0%	100.0% #002109	RGB 0 33 9	#002109

#1F201D #1C2018 #182013 #12200E #0A2009 #042008 #002109

#1F201D - #12200E - #002109

CSSコード

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

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