#121A15 - #14121A | colorate

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

Blend #121A15 to #14121A

#121A15

#14121A

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

RGBブレンド

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

0.0%	0.0% #121A15	RGB 18 26 21	#121A15
16.7%	16.7% #121915	RGB 18 25 21	#121915
33.3%	33.3% #121816	RGB 18 24 22	#121816
50.0%	50.0% #131617	RGB 19 22 23	#131617
66.7%	66.7% #131518	RGB 19 21 24	#131518
83.3%	83.3% #131419	RGB 19 20 25	#131419
100.0%	100.0% #14121A	RGB 20 18 26	#14121A

#121A15 #121915 #121816 #131617 #131518 #131419 #14121A

#121A15 - #14121A

HSVブレンド

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

0.0%	0.0% #121A15	RGB 18 26 21	#121A15
16.7%	16.7% #121A17	RGB 18 26 23	#121A17
33.3%	33.3% #121A1A	RGB 18 26 26	#121A1A
50.0%	50.0% #12171A	RGB 18 23 26	#12171A
66.7%	66.7% #12151A	RGB 18 21 26	#12151A
83.3%	83.3% #12121A	RGB 18 18 26	#12121A
100.0%	100.0% #14121A	RGB 20 18 26	#14121A

#121A15 #121A17 #121A1A #12171A #12151A #12121A #14121A

#121A15 - #12171A - #14121A

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #121A15 0%, #12171A 50%, #14121A 100%);
    background: -webkit-linear-gradient(top, #121A15 0%, #12171A 50%, #14121A 100%);
    background: linear-gradient(to bottom, #121A15 0%, #12171A 50%, #14121A 100%); 
}
</style>