#E9A8A8 - #F9EECE | colorate

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

Blend #E9A8A8 to #F9EECE

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

RGBブレンド

#E9A8A8 - #F9EECE | colorate

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

0.0%	0.0% #E9A8A8	RGB 233 168 168	#E9A8A8
16.7%	16.7% #EBB3AE	RGB 235 179 174	#EBB3AE
33.3%	33.3% #EEBFB4	RGB 238 191 180	#EEBFB4
50.0%	50.0% #F1CBBB	RGB 241 203 187	#F1CBBB
66.7%	66.7% #F3D6C1	RGB 243 214 193	#F3D6C1
83.3%	83.3% #F6E2C7	RGB 246 226 199	#F6E2C7
100.0%	100.0% #F9EECE	RGB 249 238 206	#F9EECE

#E9A8A8 #EBB3AE #EEBFB4 #F1CBBB #F3D6C1 #F6E2C7 #F9EECE

#E9A8A8 - #F9EECE

HSVブレンド

#E9A8A8 - #F9EECE | colorate

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

0.0%	0.0% #E9A8A8	RGB 233 168 168	#E9A8A8
16.7%	16.7% #EBB5AE	RGB 235 181 174	#EBB5AE
33.3%	33.3% #EEC2B4	RGB 238 194 180	#EEC2B4
50.0%	50.0% #F1CEBA	RGB 241 206 186	#F1CEBA
66.7%	66.7% #F3DAC0	RGB 243 218 192	#F3DAC0
83.3%	83.3% #F6E4C7	RGB 246 228 199	#F6E4C7
100.0%	100.0% #F9EECE	RGB 249 238 206	#F9EECE

#E9A8A8 #EBB5AE #EEC2B4 #F1CEBA #F3DAC0 #F6E4C7 #F9EECE

#E9A8A8 - #F1CEBA - #F9EECE

CSSコード

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

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