#EE5A8D - #FFC1A8 | colorate

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

Blend #EE5A8D to #FFC1A8

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

RGBブレンド

#EE5A8D - #FFC1A8 | colorate

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

0.0%	0.0% #EE5A8D	RGB 238 90 141	#EE5A8D
16.7%	16.7% #F06B91	RGB 240 107 145	#F06B91
33.3%	33.3% #F37C96	RGB 243 124 150	#F37C96
50.0%	50.0% #F68D9A	RGB 246 141 154	#F68D9A
66.7%	66.7% #F99E9F	RGB 249 158 159	#F99E9F
83.3%	83.3% #FCAFA3	RGB 252 175 163	#FCAFA3
100.0%	100.0% #FFC1A8	RGB 255 193 168	#FFC1A8

#EE5A8D #F06B91 #F37C96 #F68D9A #F99E9F #FCAFA3 #FFC1A8

#EE5A8D - #FFC1A8

HSVブレンド

#EE5A8D - #FFC1A8 | colorate

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

0.0%	0.0% #EE5A8C	RGB 238 90 140	#EE5A8C
16.7%	16.7% #F06687	RGB 240 102 135	#F06687
33.3%	33.3% #F37284	RGB 243 114 132	#F37284
50.0%	50.0% #F67F83	RGB 246 127 131	#F67F83
66.7%	66.7% #F9958C	RGB 249 149 140	#F9958C
83.3%	83.3% #FCAC9A	RGB 252 172 154	#FCAC9A
100.0%	100.0% #FFC1A8	RGB 255 193 168	#FFC1A8

#EE5A8C #F06687 #F37284 #F67F83 #F9958C #FCAC9A #FFC1A8

#EE5A8D - #F67F83 - #FFC1A8

CSSコード

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

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