#F26DB5 - #FCD9D7 | colorate

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

Blend #F26DB5 to #FCD9D7

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

RGBブレンド

#F26DB5 - #FCD9D7 | colorate

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

0.0%	0.0% #F26DB5	RGB 242 109 181	#F26DB5
16.7%	16.7% #F37FBA	RGB 243 127 186	#F37FBA
33.3%	33.3% #F591C0	RGB 245 145 192	#F591C0
50.0%	50.0% #F7A3C6	RGB 247 163 198	#F7A3C6
66.7%	66.7% #F8B5CB	RGB 248 181 203	#F8B5CB
83.3%	83.3% #FAC7D1	RGB 250 199 209	#FAC7D1
100.0%	100.0% #FCD9D7	RGB 252 217 215	#FCD9D7

#F26DB5 #F37FBA #F591C0 #F7A3C6 #F8B5CB #FAC7D1 #FCD9D7

#F26DB5 - #FCD9D7

HSVブレンド

#F26DB5 - #FCD9D7 | colorate

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

0.0%	0.0% #F26DB5	RGB 242 109 181	#F26DB5
16.7%	16.7% #F37EB2	RGB 243 126 178	#F37EB2
33.3%	33.3% #F58FB2	RGB 245 143 178	#F58FB2
50.0%	50.0% #F7A0B5	RGB 247 160 181	#F7A0B5
66.7%	66.7% #F8B2BC	RGB 248 178 188	#F8B2BC
83.3%	83.3% #FAC4C7	RGB 250 196 199	#FAC4C7
100.0%	100.0% #FCD9D7	RGB 252 217 215	#FCD9D7

#F26DB5 #F37EB2 #F58FB2 #F7A0B5 #F8B2BC #FAC4C7 #FCD9D7

#F26DB5 - #F7A0B5 - #FCD9D7

CSSコード

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

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