#060205 - #120507 | colorate

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

Blend #060205 to #120507

#060205 #120507

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

RGBブレンド

#060205 - #120507 | colorate

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

0.0%	0.0% #060205	RGB 6 2 5	#060205
16.7%	16.7% #080205	RGB 8 2 5	#080205
33.3%	33.3% #0A0305	RGB 10 3 5	#0A0305
50.0%	50.0% #0C0306	RGB 12 3 6	#0C0306
66.7%	66.7% #0E0406	RGB 14 4 6	#0E0406
83.3%	83.3% #100406	RGB 16 4 6	#100406
100.0%	100.0% #120507	RGB 18 5 7	#120507

#060205 #080205 #0A0305 #0C0306 #0E0406 #100406 #120507

#060205 - #120507

HSVブレンド

#060205 - #120507 | colorate

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

0.0%	0.0% #060205	RGB 6 2 5	#060205
16.7%	16.7% #080206	RGB 8 2 6	#080206
33.3%	33.3% #0A0306	RGB 10 3 6	#0A0306
50.0%	50.0% #0C0307	RGB 12 3 7	#0C0307
66.7%	66.7% #0E0407	RGB 14 4 7	#0E0407
83.3%	83.3% #100407	RGB 16 4 7	#100407
100.0%	100.0% #120507	RGB 18 5 7	#120507

#060205 #080206 #0A0306 #0C0307 #0E0407 #100407 #120507

#060205 - #0C0307 - #120507

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #060205 0%, #0C0307 50%, #120507 100%);
    background: -webkit-linear-gradient(top, #060205 0%, #0C0307 50%, #120507 100%);
    background: linear-gradient(to bottom, #060205 0%, #0C0307 50%, #120507 100%);
}
</style>