#F26B5E - #FBD4D1 | colorate

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

Blend #F26B5E to #FBD4D1

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

RGBブレンド

#F26B5E - #FBD4D1 | colorate

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

0.0%	0.0% #F26B5E	RGB 242 107 94	#F26B5E
16.7%	16.7% #F37C71	RGB 243 124 113	#F37C71
33.3%	33.3% #F58E84	RGB 245 142 132	#F58E84
50.0%	50.0% #F69F97	RGB 246 159 151	#F69F97
66.7%	66.7% #F8B1AA	RGB 248 177 170	#F8B1AA
83.3%	83.3% #F9C2BD	RGB 249 194 189	#F9C2BD
100.0%	100.0% #FBD4D1	RGB 251 212 209	#FBD4D1

#F26B5E #F37C71 #F58E84 #F69F97 #F8B1AA #F9C2BD #FBD4D1

#F26B5E - #FBD4D1

HSVブレンド

#F26B5E - #FBD4D1 | colorate

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

0.0%	0.0% #F26B5E	RGB 242 107 94	#F26B5E
16.7%	16.7% #F37B70	RGB 243 123 112	#F37B70
33.3%	33.3% #F58C83	RGB 245 140 131	#F58C83
50.0%	50.0% #F69E96	RGB 246 158 150	#F69E96
66.7%	66.7% #F8AFA9	RGB 248 175 169	#F8AFA9
83.3%	83.3% #F9C1BD	RGB 249 193 189	#F9C1BD
100.0%	100.0% #FBD4D1	RGB 251 212 209	#FBD4D1

#F26B5E #F37B70 #F58C83 #F69E96 #F8AFA9 #F9C1BD #FBD4D1

#F26B5E - #F69E96 - #FBD4D1

CSSコード

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

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