#2E0857 - #E0DBE7 | colorate

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

Blend #2E0857 to #E0DBE7

#2E0857

#E0DBE7

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

RGBブレンド

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

0.0%	0.0% #2E0857	RGB 46 8 87	#2E0857
16.7%	16.7% #4B2B6F	RGB 75 43 111	#4B2B6F
33.3%	33.3% #694E87	RGB 105 78 135	#694E87
50.0%	50.0% #87719F	RGB 135 113 159	#87719F
66.7%	66.7% #A494B7	RGB 164 148 183	#A494B7
83.3%	83.3% #C2B7CF	RGB 194 183 207	#C2B7CF
100.0%	100.0% #E0DBE7	RGB 224 219 231	#E0DBE7

#2E0857 #4B2B6F #694E87 #87719F #A494B7 #C2B7CF #E0DBE7

#2E0857 - #E0DBE7

HSVブレンド

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

0.0%	0.0% #2E0857	RGB 46 8 87	#2E0857
16.7%	16.7% #411A6F	RGB 65 26 111	#411A6F
33.3%	33.3% #593287	RGB 89 50 135	#593287
50.0%	50.0% #74529F	RGB 116 82 159	#74529F
66.7%	66.7% #9479B7	RGB 148 121 183	#9479B7
83.3%	83.3% #B7A6CF	RGB 183 166 207	#B7A6CF
100.0%	100.0% #E0DBE7	RGB 224 219 231	#E0DBE7

#2E0857 #411A6F #593287 #74529F #9479B7 #B7A6CF #E0DBE7

#2E0857 - #74529F - #E0DBE7

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #2E0857 0%, #74529F 50%, #E0DBE7 100%);
    background: -webkit-linear-gradient(top, #2E0857 0%, #74529F 50%, #E0DBE7 100%);
    background: linear-gradient(to bottom, #2E0857 0%, #74529F 50%, #E0DBE7 100%); 
}
</style>