#FF1101 - #8F130C | colorate

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

Blend #FF1101 to #8F130C

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

RGBブレンド

#FF1101 - #8F130C | colorate

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

0.0%	0.0% #FF1101	RGB 255 17 1	#FF1101
16.7%	16.7% #EC1102	RGB 236 17 2	#EC1102
33.3%	33.3% #D91104	RGB 217 17 4	#D91104
50.0%	50.0% #C71206	RGB 199 18 6	#C71206
66.7%	66.7% #B41208	RGB 180 18 8	#B41208
83.3%	83.3% #A1120A	RGB 161 18 10	#A1120A
100.0%	100.0% #8F130C	RGB 143 19 12	#8F130C

#FF1101 #EC1102 #D91104 #C71206 #B41208 #A1120A #8F130C

#FF1101 - #8F130C

HSVブレンド

#FF1101 - #8F130C | colorate

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

0.0%	0.0% #FF1100	RGB 255 17 0	#FF1100
16.7%	16.7% #EC1204	RGB 236 18 4	#EC1204
33.3%	33.3% #D91306	RGB 217 19 6	#D91306
50.0%	50.0% #C71308	RGB 199 19 8	#C71308
66.7%	66.7% #B4130A	RGB 180 19 10	#B4130A
83.3%	83.3% #A1130B	RGB 161 19 11	#A1130B
100.0%	100.0% #8F130C	RGB 143 19 12	#8F130C

#FF1100 #EC1204 #D91306 #C71308 #B4130A #A1130B #8F130C

#FF1101 - #C71308 - #8F130C

CSSコード

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

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