#D5010D - #F3B6B9 | colorate

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

Blend #D5010D to #F3B6B9

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

RGBブレンド

#D5010D - #F3B6B9 | colorate

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

0.0%	0.0% #D5010D	RGB 213 1 13	#D5010D
16.7%	16.7% #DA1F29	RGB 218 31 41	#DA1F29
33.3%	33.3% #DF3D46	RGB 223 61 70	#DF3D46
50.0%	50.0% #E45B63	RGB 228 91 99	#E45B63
66.7%	66.7% #E9797F	RGB 233 121 127	#E9797F
83.3%	83.3% #EE979C	RGB 238 151 156	#EE979C
100.0%	100.0% #F3B6B9	RGB 243 182 185	#F3B6B9

#D5010D #DA1F29 #DF3D46 #E45B63 #E9797F #EE979C #F3B6B9

#D5010D - #F3B6B9

HSVブレンド

#D5010D - #F3B6B9 | colorate

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

0.0%	0.0% #D5000D	RGB 213 0 13	#D5000D
16.7%	16.7% #DA1C26	RGB 218 28 38	#DA1C26
33.3%	33.3% #DF3841	RGB 223 56 65	#DF3841
50.0%	50.0% #E4555D	RGB 228 85 93	#E4555D
66.7%	66.7% #E9747A	RGB 233 116 122	#E9747A
83.3%	83.3% #EE9499	RGB 238 148 153	#EE9499
100.0%	100.0% #F3B6B9	RGB 243 182 185	#F3B6B9

#D5000D #DA1C26 #DF3841 #E4555D #E9747A #EE9499 #F3B6B9

#D5010D - #E4555D - #F3B6B9

CSSコード

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

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