#192D4D - #4D192E | colorate

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

Blend #192D4D to #4D192E

#192D4D

#4D192E

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

RGBブレンド

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

0.0%	0.0% #192D4D	RGB 25 45 77	#192D4D
16.7%	16.7% #212A48	RGB 33 42 72	#212A48
33.3%	33.3% #2A2743	RGB 42 39 67	#2A2743
50.0%	50.0% #33233E	RGB 51 35 62	#33233E
66.7%	66.7% #3B2039	RGB 59 32 57	#3B2039
83.3%	83.3% #441D34	RGB 68 29 52	#441D34
100.0%	100.0% #4D192E	RGB 77 25 46	#4D192E

#192D4D #212A48 #2A2743 #33233E #3B2039 #441D34 #4D192E

#192D4D - #4D192E

HSVブレンド

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

0.0%	0.0% #192D4D	RGB 25 45 77	#192D4D
16.7%	16.7% #191B4D	RGB 25 27 77	#191B4D
33.3%	33.3% #27194D	RGB 39 25 77	#27194D
50.0%	50.0% #38194D	RGB 56 25 77	#38194D
66.7%	66.7% #49194D	RGB 73 25 77	#49194D
83.3%	83.3% #4D193F	RGB 77 25 63	#4D193F
100.0%	100.0% #4D192E	RGB 77 25 46	#4D192E

#192D4D #191B4D #27194D #38194D #49194D #4D193F #4D192E

#192D4D - #38194D - #4D192E

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #192D4D 0%, #38194D 50%, #4D192E 100%);
    background: -webkit-linear-gradient(top, #192D4D 0%, #38194D 50%, #4D192E 100%);
    background: linear-gradient(to bottom, #192D4D 0%, #38194D 50%, #4D192E 100%); 
}
</style>