#FF9C8C - #EB4938 | colorate

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

Blend #FF9C8C to #EB4938

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

RGBブレンド

#FF9C8C - #EB4938 | colorate

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

0.0%	0.0% #FF9C8C	RGB 255 156 140	#FF9C8C
16.7%	16.7% #FB8E7E	RGB 251 142 126	#FB8E7E
33.3%	33.3% #F88070	RGB 248 128 112	#F88070
50.0%	50.0% #F57262	RGB 245 114 98	#F57262
66.7%	66.7% #F16454	RGB 241 100 84	#F16454
83.3%	83.3% #EE5646	RGB 238 86 70	#EE5646
100.0%	100.0% #EB4938	RGB 235 73 56	#EB4938

#FF9C8C #FB8E7E #F88070 #F57262 #F16454 #EE5646 #EB4938

#FF9C8C - #EB4938

HSVブレンド

#FF9C8C - #EB4938 | colorate

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

0.0%	0.0% #FF9C8C	RGB 255 156 140	#FF9C8C
16.7%	16.7% #FB8D7D	RGB 251 141 125	#FB8D7D
33.3%	33.3% #F87F6E	RGB 248 127 110	#F87F6E
50.0%	50.0% #F57160	RGB 245 113 96	#F57160
66.7%	66.7% #F16452	RGB 241 100 82	#F16452
83.3%	83.3% #EE5645	RGB 238 86 69	#EE5645
100.0%	100.0% #EB4938	RGB 235 73 56	#EB4938

#FF9C8C #FB8D7D #F87F6E #F57160 #F16452 #EE5645 #EB4938

#FF9C8C - #F57160 - #EB4938

CSSコード

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

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