#E5E3E3 - #9398A6 | colorate

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

Blend #E5E3E3 to #9398A6

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

RGBブレンド

#E5E3E3 - #9398A6 | colorate

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

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #D7D6D8	RGB 215 214 216	#D7D6D8
33.3%	33.3% #C9CACE	RGB 201 202 206	#C9CACE
50.0%	50.0% #BCBDC4	RGB 188 189 196	#BCBDC4
66.7%	66.7% #AEB1BA	RGB 174 177 186	#AEB1BA
83.3%	83.3% #A0A4B0	RGB 160 164 176	#A0A4B0
100.0%	100.0% #9398A6	RGB 147 152 166	#9398A6

#E5E3E3 #D7D6D8 #C9CACE #BCBDC4 #AEB1BA #A0A4B0 #9398A6

#E5E3E3 - #9398A6

HSVブレンド

#E5E3E3 - #9398A6 | colorate

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

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DAD4D6	RGB 218 212 214	#DAD4D6
33.3%	33.3% #D0C6CD	RGB 208 198 205	#D0C6CD
50.0%	50.0% #C3B9C5	RGB 195 185 197	#C3B9C5
66.7%	66.7% #B3ACBB	RGB 179 172 187	#B3ACBB
83.3%	83.3% #A19FB0	RGB 161 159 176	#A19FB0
100.0%	100.0% #9398A6	RGB 147 152 166	#9398A6

#E5E3E3 #DAD4D6 #D0C6CD #C3B9C5 #B3ACBB #A19FB0 #9398A6

#E5E3E3 - #C3B9C5 - #9398A6

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5E3E3 0%, #C3B9C5 50%, #9398A6 100%);
    background: -webkit-linear-gradient(top, #E5E3E3 0%, #C3B9C5 50%, #9398A6 100%);
    background: linear-gradient(to bottom, #E5E3E3 0%, #C3B9C5 50%, #9398A6 100%);
}
</style>