#8E4464 - #742B34 | colorate

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

Blend #8E4464 to #742B34

#8E4464

#742B34

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

RGBブレンド

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

0.0%	0.0% #8E4464	RGB 142 68 100	#8E4464
16.7%	16.7% #8A405C	RGB 138 64 92	#8A405C
33.3%	33.3% #863C54	RGB 134 60 84	#863C54
50.0%	50.0% #81384C	RGB 129 56 76	#81384C
66.7%	66.7% #7D3444	RGB 125 52 68	#7D3444
83.3%	83.3% #79303C	RGB 121 48 60	#79303C
100.0%	100.0% #742B34	RGB 116 43 52	#742B34

#8E4464 #8A405C #863C54 #81384C #7D3444 #79303C #742B34

#8E4464 - #742B34

HSVブレンド

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

0.0%	0.0% #8E4464	RGB 142 68 100	#8E4464
16.7%	16.7% #893F5B	RGB 137 63 91	#893F5B
33.3%	33.3% #853B53	RGB 133 59 83	#853B53
50.0%	50.0% #81364B	RGB 129 54 75	#81364B
66.7%	66.7% #7C3243	RGB 124 50 67	#7C3243
83.3%	83.3% #782E3B	RGB 120 46 59	#782E3B
100.0%	100.0% #742B33	RGB 116 43 51	#742B33

#8E4464 #893F5B #853B53 #81364B #7C3243 #782E3B #742B33

#8E4464 - #81364B - #742B33

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #8E4464 0%, #81364B 50%, #742B33 100%);
    background: -webkit-linear-gradient(top, #8E4464 0%, #81364B 50%, #742B33 100%);
    background: linear-gradient(to bottom, #8E4464 0%, #81364B 50%, #742B33 100%); 
}
</style>