#4544AC - #4A2B92 | colorate

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

Tweet

Blend #4544AC to #4A2B92

#4544AC

#4A2B92

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

RGBブレンド

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

0.0%	0.0% #4544AC	RGB 69 68 172	#4544AC
16.7%	16.7% #4540A8	RGB 69 64 168	#4540A8
33.3%	33.3% #463CA4	RGB 70 60 164	#463CA4
50.0%	50.0% #47389F	RGB 71 56 159	#47389F
66.7%	66.7% #48349B	RGB 72 52 155	#48349B
83.3%	83.3% #493097	RGB 73 48 151	#493097
100.0%	100.0% #4A2B92	RGB 74 43 146	#4A2B92

#4544AC #4540A8 #463CA4 #47389F #48349B #493097 #4A2B92

#4544AC - #4A2B92

HSVブレンド

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

0.0%	0.0% #4444AC	RGB 68 68 172	#4444AC
16.7%	16.7% #453FA7	RGB 69 63 167	#453FA7
33.3%	33.3% #463BA3	RGB 70 59 163	#463BA3
50.0%	50.0% #47369F	RGB 71 54 159	#47369F
66.7%	66.7% #47329A	RGB 71 50 154	#47329A
83.3%	83.3% #482E96	RGB 72 46 150	#482E96
100.0%	100.0% #492B92	RGB 73 43 146	#492B92

#4444AC #453FA7 #463BA3 #47369F #47329A #482E96 #492B92

#4444AC - #47369F - #492B92

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #4444AC 0%, #47369F 50%, #492B92 100%);
    background: -webkit-linear-gradient(top, #4444AC 0%, #47369F 50%, #492B92 100%);
    background: linear-gradient(to bottom, #4444AC 0%, #47369F 50%, #492B92 100%); 
}
</style>