#080C09 - #15251E | colorate

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

Tweet

Blend #080C09 to #15251E

#080C09

#15251E

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

RGBブレンド

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

0.0%	0.0% #080C09	RGB 8 12 9	#080C09
16.7%	16.7% #0A100C	RGB 10 16 12	#0A100C
33.3%	33.3% #0C1410	RGB 12 20 16	#0C1410
50.0%	50.0% #0E1813	RGB 14 24 19	#0E1813
66.7%	66.7% #101C17	RGB 16 28 23	#101C17
83.3%	83.3% #12201A	RGB 18 32 26	#12201A
100.0%	100.0% #15251E	RGB 21 37 30	#15251E

#080C09 #0A100C #0C1410 #0E1813 #101C17 #12201A #15251E

#080C09 - #15251E

HSVブレンド

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

0.0%	0.0% #080C09	RGB 8 12 9	#080C09
16.7%	16.7% #0A100C	RGB 10 16 12	#0A100C
33.3%	33.3% #0C140F	RGB 12 20 15	#0C140F
50.0%	50.0% #0F1812	RGB 15 24 18	#0F1812
66.7%	66.7% #111C16	RGB 17 28 22	#111C16
83.3%	83.3% #13201A	RGB 19 32 26	#13201A
100.0%	100.0% #15251E	RGB 21 37 30	#15251E

#080C09 #0A100C #0C140F #0F1812 #111C16 #13201A #15251E

#080C09 - #0F1812 - #15251E

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #080C09 0%, #0F1812 50%, #15251E 100%);
    background: -webkit-linear-gradient(top, #080C09 0%, #0F1812 50%, #15251E 100%);
    background: linear-gradient(to bottom, #080C09 0%, #0F1812 50%, #15251E 100%); 
}
</style>