#FF5E08 - #BC2B09 | colorate

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

Blend #FF5E08 to #BC2B09

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

RGBブレンド

#FF5E08 - #BC2B09 | colorate

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

0.0%	0.0% #FF5E08	RGB 255 94 8	#FF5E08
16.7%	16.7% #F35508	RGB 243 85 8	#F35508
33.3%	33.3% #E84D08	RGB 232 77 8	#E84D08
50.0%	50.0% #DD4408	RGB 221 68 8	#DD4408
66.7%	66.7% #D23C08	RGB 210 60 8	#D23C08
83.3%	83.3% #C73308	RGB 199 51 8	#C73308
100.0%	100.0% #BC2B09	RGB 188 43 9	#BC2B09

#FF5E08 #F35508 #E84D08 #DD4408 #D23C08 #C73308 #BC2B09

#FF5E08 - #BC2B09

HSVブレンド

#FF5E08 - #BC2B09 | colorate

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

0.0%	0.0% #FF5E07	RGB 255 94 7	#FF5E07
16.7%	16.7% #F35408	RGB 243 84 8	#F35408
33.3%	33.3% #E84A08	RGB 232 74 8	#E84A08
50.0%	50.0% #DD4208	RGB 221 66 8	#DD4208
66.7%	66.7% #D23908	RGB 210 57 8	#D23908
83.3%	83.3% #C73208	RGB 199 50 8	#C73208
100.0%	100.0% #BC2B09	RGB 188 43 9	#BC2B09

#FF5E07 #F35408 #E84A08 #DD4208 #D23908 #C73208 #BC2B09

#FF5E08 - #DD4208 - #BC2B09

CSSコード

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

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