#AD020C - #FD3100 | colorate

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

Blend #AD020C to #FD3100

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

RGBブレンド

#AD020C - #FD3100 | colorate

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

0.0%	0.0% #AD020C	RGB 173 2 12	#AD020C
16.7%	16.7% #BA090A	RGB 186 9 10	#BA090A
33.3%	33.3% #C71108	RGB 199 17 8	#C71108
50.0%	50.0% #D51906	RGB 213 25 6	#D51906
66.7%	66.7% #E22104	RGB 226 33 4	#E22104
83.3%	83.3% #EF2902	RGB 239 41 2	#EF2902
100.0%	100.0% #FD3100	RGB 253 49 0	#FD3100

#AD020C #BA090A #C71108 #D51906 #E22104 #EF2902 #FD3100

#AD020C - #FD3100

HSVブレンド

#AD020C - #FD3100 | colorate

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

0.0%	0.0% #AD010C	RGB 173 1 12	#AD010C
16.7%	16.7% #BA0104	RGB 186 1 4	#BA0104
33.3%	33.3% #C70601	RGB 199 6 1	#C70601
50.0%	50.0% #D50F01	RGB 213 15 1	#D50F01
66.7%	66.7% #E21900	RGB 226 25 0	#E21900
83.3%	83.3% #EF2400	RGB 239 36 0	#EF2400
100.0%	100.0% #FD3100	RGB 253 49 0	#FD3100

#AD010C #BA0104 #C70601 #D50F01 #E21900 #EF2400 #FD3100

#AD020C - #D50F01 - #FD3100

CSSコード

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

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