#160609 - #10000C | colorate

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

Blend #160609 to #10000C

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

RGBブレンド

#160609 - #10000C | colorate

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

0.0%	0.0% #160609	RGB 22 6 9	#160609
16.7%	16.7% #150509	RGB 21 5 9	#150509
33.3%	33.3% #14040A	RGB 20 4 10	#14040A
50.0%	50.0% #13030A	RGB 19 3 10	#13030A
66.7%	66.7% #12020B	RGB 18 2 11	#12020B
83.3%	83.3% #11010B	RGB 17 1 11	#11010B
100.0%	100.0% #10000C	RGB 16 0 12	#10000C

#160609 #150509 #14040A #13030A #12020B #11010B #10000C

#160609 - #10000C

HSVブレンド

#160609 - #10000C | colorate

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

0.0%	0.0% #160609	RGB 22 6 9	#160609
16.7%	16.7% #150409	RGB 21 4 9	#150409
33.3%	33.3% #140309	RGB 20 3 9	#140309
50.0%	50.0% #13020A	RGB 19 2 10	#13020A
66.7%	66.7% #12010A	RGB 18 1 10	#12010A
83.3%	83.3% #11000B	RGB 17 0 11	#11000B
100.0%	100.0% #10000C	RGB 16 0 12	#10000C

#160609 #150409 #140309 #13020A #12010A #11000B #10000C

#160609 - #13020A - #10000C

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #160609 0%, #13020A 50%, #10000C 100%);
    background: -webkit-linear-gradient(top, #160609 0%, #13020A 50%, #10000C 100%);
    background: linear-gradient(to bottom, #160609 0%, #13020A 50%, #10000C 100%);
}
</style>