#ECE2EE - #9F97B3 | colorate

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

Blend #ECE2EE to #9F97B3

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

RGBブレンド

#ECE2EE - #9F97B3 | colorate

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

0.0%	0.0% #ECE2EE	RGB 236 226 238	#ECE2EE
16.7%	16.7% #DFD5E4	RGB 223 213 228	#DFD5E4
33.3%	33.3% #D2C9DA	RGB 210 201 218	#D2C9DA
50.0%	50.0% #C5BCD0	RGB 197 188 208	#C5BCD0
66.7%	66.7% #B8B0C6	RGB 184 176 198	#B8B0C6
83.3%	83.3% #ABA3BC	RGB 171 163 188	#ABA3BC
100.0%	100.0% #9F97B3	RGB 159 151 179	#9F97B3

#ECE2EE #DFD5E4 #D2C9DA #C5BCD0 #B8B0C6 #ABA3BC #9F97B3

#ECE2EE - #9F97B3

HSVブレンド

#ECE2EE - #9F97B3 | colorate

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

0.0%	0.0% #ECE2EE	RGB 236 226 238	#ECE2EE
16.7%	16.7% #E0D4E4	RGB 224 212 228	#E0D4E4
33.3%	33.3% #D3C7DA	RGB 211 199 218	#D3C7DA
50.0%	50.0% #C7BAD0	RGB 199 186 208	#C7BAD0
66.7%	66.7% #B9AEC6	RGB 185 174 198	#B9AEC6
83.3%	83.3% #ACA2BC	RGB 172 162 188	#ACA2BC
100.0%	100.0% #9F97B3	RGB 159 151 179	#9F97B3

#ECE2EE #E0D4E4 #D3C7DA #C7BAD0 #B9AEC6 #ACA2BC #9F97B3

#ECE2EE - #C7BAD0 - #9F97B3

CSSコード

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

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