#081609 - #081200 | colorate

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

Blend #081609 to #081200

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

RGBブレンド

#081609 - #081200 | colorate

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

0.0%	0.0% #081609	RGB 8 22 9	#081609
16.7%	16.7% #081507	RGB 8 21 7	#081507
33.3%	33.3% #081406	RGB 8 20 6	#081406
50.0%	50.0% #081404	RGB 8 20 4	#081404
66.7%	66.7% #081303	RGB 8 19 3	#081303
83.3%	83.3% #081201	RGB 8 18 1	#081201
100.0%	100.0% #081200	RGB 8 18 0	#081200

#081609 #081507 #081406 #081404 #081303 #081201 #081200

#081609 - #081200

HSVブレンド

#081609 - #081200 | colorate

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

0.0%	0.0% #081609	RGB 8 22 9	#081609
16.7%	16.7% #061506	RGB 6 21 6	#061506
33.3%	33.3% #061405	RGB 6 20 5	#061405
50.0%	50.0% #061403	RGB 6 20 3	#061403
66.7%	66.7% #061302	RGB 6 19 2	#061302
83.3%	83.3% #071201	RGB 7 18 1	#071201
100.0%	100.0% #081200	RGB 8 18 0	#081200

#081609 #061506 #061405 #061403 #061302 #071201 #081200

#081609 - #061403 - #081200

CSSコード

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

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