#F49ECF - #FF8BA9 | colorate

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

Blend #F49ECF to #FF8BA9

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

RGBブレンド

#F49ECF - #FF8BA9 | colorate

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

0.0%	0.0% #F49ECF	RGB 244 158 207	#F49ECF
16.7%	16.7% #F59AC8	RGB 245 154 200	#F59AC8
33.3%	33.3% #F797C2	RGB 247 151 194	#F797C2
50.0%	50.0% #F994BC	RGB 249 148 188	#F994BC
66.7%	66.7% #FB91B5	RGB 251 145 181	#FB91B5
83.3%	83.3% #FD8EAF	RGB 253 142 175	#FD8EAF
100.0%	100.0% #FF8BA9	RGB 255 139 169	#FF8BA9

#F49ECF #F59AC8 #F797C2 #F994BC #FB91B5 #FD8EAF #FF8BA9

#F49ECF - #FF8BA9

HSVブレンド

#F49ECF - #FF8BA9 | colorate

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

0.0%	0.0% #F49ECF	RGB 244 158 207	#F49ECF
16.7%	16.7% #F59ACA	RGB 245 154 202	#F59ACA
33.3%	33.3% #F797C4	RGB 247 151 196	#F797C4
50.0%	50.0% #F994BE	RGB 249 148 190	#F994BE
66.7%	66.7% #FB91B7	RGB 251 145 183	#FB91B7
83.3%	83.3% #FD8EB0	RGB 253 142 176	#FD8EB0
100.0%	100.0% #FF8BA9	RGB 255 139 169	#FF8BA9

#F49ECF #F59ACA #F797C4 #F994BE #FB91B7 #FD8EB0 #FF8BA9

#F49ECF - #F994BE - #FF8BA9

CSSコード

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

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