#1D0504 - #291C02 | colorate

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

Blend #1D0504 to #291C02

#1D0504 #291C02

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

RGBブレンド

#1D0504 - #291C02 | colorate

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

0.0%	0.0% #1D0504	RGB 29 5 4	#1D0504
16.7%	16.7% #1F0803	RGB 31 8 3	#1F0803
33.3%	33.3% #210C03	RGB 33 12 3	#210C03
50.0%	50.0% #231003	RGB 35 16 3	#231003
66.7%	66.7% #251402	RGB 37 20 2	#251402
83.3%	83.3% #271802	RGB 39 24 2	#271802
100.0%	100.0% #291C02	RGB 41 28 2	#291C02

#1D0504 #1F0803 #210C03 #231003 #251402 #271802 #291C02

#1D0504 - #291C02

HSVブレンド

#1D0504 - #291C02 | colorate

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

0.0%	0.0% #1D0504	RGB 29 5 4	#1D0504
16.7%	16.7% #1F0703	RGB 31 7 3	#1F0703
33.3%	33.3% #210A03	RGB 33 10 3	#210A03
50.0%	50.0% #230E03	RGB 35 14 3	#230E03
66.7%	66.7% #251202	RGB 37 18 2	#251202
83.3%	83.3% #271702	RGB 39 23 2	#271702
100.0%	100.0% #291C02	RGB 41 28 2	#291C02

#1D0504 #1F0703 #210A03 #230E03 #251202 #271702 #291C02

#1D0504 - #230E03 - #291C02

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #1D0504 0%, #230E03 50%, #291C02 100%);
    background: -webkit-linear-gradient(top, #1D0504 0%, #230E03 50%, #291C02 100%);
    background: linear-gradient(to bottom, #1D0504 0%, #230E03 50%, #291C02 100%);
}
</style>