#827AA8 - #121117 | colorate

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

Blend #827AA8 to #121117

#827AA8

#121117

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

RGBブレンド

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

0.0%	0.0% #827AA8	RGB 130 122 168	#827AA8
16.7%	16.7% #706990	RGB 112 105 144	#706990
33.3%	33.3% #5D5778	RGB 93 87 120	#5D5778
50.0%	50.0% #4A4660	RGB 74 70 96	#4A4660
66.7%	66.7% #383448	RGB 56 52 72	#383448
83.3%	83.3% #252330	RGB 37 35 48	#252330
100.0%	100.0% #121117	RGB 18 17 23	#121117

#827AA8 #706990 #5D5778 #4A4660 #383448 #252330 #121117

#827AA8 - #121117

HSVブレンド

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

0.0%	0.0% #827AA8	RGB 130 122 168	#827AA8
16.7%	16.7% #6F688F	RGB 111 104 143	#6F688F
33.3%	33.3% #5C5777	RGB 92 87 119	#5C5777
50.0%	50.0% #4A455F	RGB 74 69 95	#4A455F
66.7%	66.7% #373447	RGB 55 52 71	#373447
83.3%	83.3% #24222F	RGB 36 34 47	#24222F
100.0%	100.0% #121117	RGB 18 17 23	#121117

#827AA8 #6F688F #5C5777 #4A455F #373447 #24222F #121117

#827AA8 - #4A455F - #121117

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #827AA8 0%, #4A455F 50%, #121117 100%);
    background: -webkit-linear-gradient(top, #827AA8 0%, #4A455F 50%, #121117 100%);
    background: linear-gradient(to bottom, #827AA8 0%, #4A455F 50%, #121117 100%); 
}
</style>