#EB5E6A - #FFB97C | colorate

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

Blend #EB5E6A to #FFB97C

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

RGBブレンド

#EB5E6A - #FFB97C | colorate

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

0.0%	0.0% #EB5E6A	RGB 235 94 106	#EB5E6A
16.7%	16.7% #EE6D6D	RGB 238 109 109	#EE6D6D
33.3%	33.3% #F17C70	RGB 241 124 112	#F17C70
50.0%	50.0% #F58B73	RGB 245 139 115	#F58B73
66.7%	66.7% #F89A76	RGB 248 154 118	#F89A76
83.3%	83.3% #FBA979	RGB 251 169 121	#FBA979
100.0%	100.0% #FFB97C	RGB 255 185 124	#FFB97C

#EB5E6A #EE6D6D #F17C70 #F58B73 #F89A76 #FBA979 #FFB97C

#EB5E6A - #FFB97C

HSVブレンド

#EB5E6A - #FFB97C | colorate

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

0.0%	0.0% #EB5E6A	RGB 235 94 106	#EB5E6A
16.7%	16.7% #EE6362	RGB 238 99 98	#EE6362
33.3%	33.3% #F17567	RGB 241 117 103	#F17567
50.0%	50.0% #F5866C	RGB 245 134 108	#F5866C
66.7%	66.7% #F89771	RGB 248 151 113	#F89771
83.3%	83.3% #FBA876	RGB 251 168 118	#FBA876
100.0%	100.0% #FFB97C	RGB 255 185 124	#FFB97C

#EB5E6A #EE6362 #F17567 #F5866C #F89771 #FBA876 #FFB97C

#EB5E6A - #F5866C - #FFB97C

CSSコード

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

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