#201F13 - #231602 | colorate

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

Blend #201F13 to #231602

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

RGBブレンド

#201F13 - #231602 | colorate

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

0.0%	0.0% #201F13	RGB 32 31 19	#201F13
16.7%	16.7% #201D10	RGB 32 29 16	#201D10
33.3%	33.3% #211C0D	RGB 33 28 13	#211C0D
50.0%	50.0% #211A0A	RGB 33 26 10	#211A0A
66.7%	66.7% #221907	RGB 34 25 7	#221907
83.3%	83.3% #221704	RGB 34 23 4	#221704
100.0%	100.0% #231602	RGB 35 22 2	#231602

#201F13 #201D10 #211C0D #211A0A #221907 #221704 #231602

#201F13 - #231602

HSVブレンド

#201F13 - #231602 | colorate

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

0.0%	0.0% #201F13	RGB 32 31 19	#201F13
16.7%	16.7% #201E10	RGB 32 30 16	#201E10
33.3%	33.3% #211D0D	RGB 33 29 13	#211D0D
50.0%	50.0% #211C0A	RGB 33 28 10	#211C0A
66.7%	66.7% #221A08	RGB 34 26 8	#221A08
83.3%	83.3% #221805	RGB 34 24 5	#221805
100.0%	100.0% #231602	RGB 35 22 2	#231602

#201F13 #201E10 #211D0D #211C0A #221A08 #221805 #231602

#201F13 - #211C0A - #231602

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201F13 0%, #211C0A 50%, #231602 100%);
    background: -webkit-linear-gradient(top, #201F13 0%, #211C0A 50%, #231602 100%);
    background: linear-gradient(to bottom, #201F13 0%, #211C0A 50%, #231602 100%);
}
</style>