#4B6766 - #0A0D0E | colorate

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

Blend #4B6766 to #0A0D0E

#4B6766

#0A0D0E

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

RGBブレンド

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

0.0%	0.0% #4B6766	RGB 75 103 102	#4B6766
16.7%	16.7% #415858	RGB 65 88 88	#415858
33.3%	33.3% #364949	RGB 54 73 73	#364949
50.0%	50.0% #2B3A3A	RGB 43 58 58	#2B3A3A
66.7%	66.7% #202B2C	RGB 32 43 44	#202B2C
83.3%	83.3% #151C1D	RGB 21 28 29	#151C1D
100.0%	100.0% #0A0D0E	RGB 10 13 14	#0A0D0E

#4B6766 #415858 #364949 #2B3A3A #202B2C #151C1D #0A0D0E

#4B6766 - #0A0D0E

HSVブレンド

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

0.0%	0.0% #4B6766	RGB 75 103 102	#4B6766
16.7%	16.7% #3F5758	RGB 63 87 88	#3F5758
33.3%	33.3% #354849	RGB 53 72 73	#354849
50.0%	50.0% #2A383A	RGB 42 56 58	#2A383A
66.7%	66.7% #1F292B	RGB 31 41 43	#1F292B
83.3%	83.3% #141B1C	RGB 20 27 28	#141B1C
100.0%	100.0% #0A0D0E	RGB 10 13 14	#0A0D0E

#4B6766 #3F5758 #354849 #2A383A #1F292B #141B1C #0A0D0E

#4B6766 - #2A383A - #0A0D0E

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #4B6766 0%, #2A383A 50%, #0A0D0E 100%);
    background: -webkit-linear-gradient(top, #4B6766 0%, #2A383A 50%, #0A0D0E 100%);
    background: linear-gradient(to bottom, #4B6766 0%, #2A383A 50%, #0A0D0E 100%); 
}
</style>