#E285E6 - #8111A8 | colorate

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

Blend #E285E6 to #8111A8

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

RGBブレンド

#E285E6 - #8111A8 | colorate

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

0.0%	0.0% #E285E6	RGB 226 133 230	#E285E6
16.7%	16.7% #D171DB	RGB 209 113 219	#D171DB
33.3%	33.3% #C15ED1	RGB 193 94 209	#C15ED1
50.0%	50.0% #B14BC7	RGB 177 75 199	#B14BC7
66.7%	66.7% #A137BC	RGB 161 55 188	#A137BC
83.3%	83.3% #9124B2	RGB 145 36 178	#9124B2
100.0%	100.0% #8111A8	RGB 129 17 168	#8111A8

#E285E6 #D171DB #C15ED1 #B14BC7 #A137BC #9124B2 #8111A8

#E285E6 - #8111A8

HSVブレンド

#E285E6 - #8111A8 | colorate

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

0.0%	0.0% #E285E6	RGB 226 133 230	#E285E6
16.7%	16.7% #D36DDB	RGB 211 109 219	#D36DDB
33.3%	33.3% #C357D1	RGB 195 87 209	#C357D1
50.0%	50.0% #B343C7	RGB 179 67 199	#B343C7
66.7%	66.7% #A231BC	RGB 162 49 188	#A231BC
83.3%	83.3% #9120B2	RGB 145 32 178	#9120B2
100.0%	100.0% #8111A8	RGB 129 17 168	#8111A8

#E285E6 #D36DDB #C357D1 #B343C7 #A231BC #9120B2 #8111A8

#E285E6 - #B343C7 - #8111A8

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E285E6 0%, #B343C7 50%, #8111A8 100%);
    background: -webkit-linear-gradient(top, #E285E6 0%, #B343C7 50%, #8111A8 100%);
    background: linear-gradient(to bottom, #E285E6 0%, #B343C7 50%, #8111A8 100%);
}
</style>