#232E3C - #040508 | colorate

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

Blend #232E3C to #040508

#232E3C

#040508

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

RGBブレンド

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

0.0%	0.0% #232E3C	RGB 35 46 60	#232E3C
16.7%	16.7% #1E2834	RGB 30 40 52	#1E2834
33.3%	33.3% #19212B	RGB 25 33 43	#19212B
50.0%	50.0% #141A22	RGB 20 26 34	#141A22
66.7%	66.7% #0F131A	RGB 15 19 26	#0F131A
83.3%	83.3% #0A0C11	RGB 10 12 17	#0A0C11
100.0%	100.0% #040508	RGB 4 5 8	#040508

#232E3C #1E2834 #19212B #141A22 #0F131A #0A0C11 #040508

#232E3C - #040508

HSVブレンド

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

0.0%	0.0% #232D3C	RGB 35 45 60	#232D3C
16.7%	16.7% #1D2633	RGB 29 38 51	#1D2633
33.3%	33.3% #171E2A	RGB 23 30 42	#171E2A
50.0%	50.0% #121722	RGB 18 23 34	#121722
66.7%	66.7% #0D1119	RGB 13 17 25	#0D1119
83.3%	83.3% #080A10	RGB 8 10 16	#080A10
100.0%	100.0% #040508	RGB 4 5 8	#040508

#232D3C #1D2633 #171E2A #121722 #0D1119 #080A10 #040508

#232D3C - #121722 - #040508

CSSコード

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

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