#E5C5E7 - #AB66A6 | colorate

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

Blend #E5C5E7 to #AB66A6

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

RGBブレンド

#E5C5E7 - #AB66A6 | colorate

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

0.0%	0.0% #E5C5E7	RGB 229 197 231	#E5C5E7
16.7%	16.7% #DBB5DC	RGB 219 181 220	#DBB5DC
33.3%	33.3% #D1A5D1	RGB 209 165 209	#D1A5D1
50.0%	50.0% #C895C6	RGB 200 149 198	#C895C6
66.7%	66.7% #BE85BB	RGB 190 133 187	#BE85BB
83.3%	83.3% #B475B0	RGB 180 117 176	#B475B0
100.0%	100.0% #AB66A6	RGB 171 102 166	#AB66A6

#E5C5E7 #DBB5DC #D1A5D1 #C895C6 #BE85BB #B475B0 #AB66A6

#E5C5E7 - #AB66A6

HSVブレンド

#E5C5E7 - #AB66A6 | colorate

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

0.0%	0.0% #E5C5E7	RGB 229 197 231	#E5C5E7
16.7%	16.7% #DBB3DD	RGB 219 179 221	#DBB3DD
33.3%	33.3% #D2A1D3	RGB 210 161 211	#D2A1D3
50.0%	50.0% #C991C8	RGB 201 145 200	#C991C8
66.7%	66.7% #BF82BD	RGB 191 130 189	#BF82BD
83.3%	83.3% #B573B1	RGB 181 115 177	#B573B1
100.0%	100.0% #AB66A6	RGB 171 102 166	#AB66A6

#E5C5E7 #DBB3DD #D2A1D3 #C991C8 #BF82BD #B573B1 #AB66A6

#E5C5E7 - #C991C8 - #AB66A6

CSSコード

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

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