#F2786F - #FBD8D5 | colorate

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

Blend #F2786F to #FBD8D5

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

RGBブレンド

#F2786F - #FBD8D5 | colorate

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

0.0%	0.0% #F2786F	RGB 242 120 111	#F2786F
16.7%	16.7% #F38880	RGB 243 136 128	#F38880
33.3%	33.3% #F59891	RGB 245 152 145	#F59891
50.0%	50.0% #F6A8A2	RGB 246 168 162	#F6A8A2
66.7%	66.7% #F8B8B3	RGB 248 184 179	#F8B8B3
83.3%	83.3% #F9C8C4	RGB 249 200 196	#F9C8C4
100.0%	100.0% #FBD8D5	RGB 251 216 213	#FBD8D5

#F2786F #F38880 #F59891 #F6A8A2 #F8B8B3 #F9C8C4 #FBD8D5

#F2786F - #FBD8D5

HSVブレンド

#F2786F - #FBD8D5 | colorate

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

0.0%	0.0% #F2786F	RGB 242 120 111	#F2786F
16.7%	16.7% #F3877F	RGB 243 135 127	#F3877F
33.3%	33.3% #F59790	RGB 245 151 144	#F59790
50.0%	50.0% #F6A7A1	RGB 246 167 161	#F6A7A1
66.7%	66.7% #F8B7B2	RGB 248 183 178	#F8B7B2
83.3%	83.3% #F9C7C3	RGB 249 199 195	#F9C7C3
100.0%	100.0% #FBD8D5	RGB 251 216 213	#FBD8D5

#F2786F #F3877F #F59790 #F6A7A1 #F8B7B2 #F9C7C3 #FBD8D5

#F2786F - #F6A7A1 - #FBD8D5

CSSコード

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

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