#DC1B13 - #FF660C | colorate

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

Blend #DC1B13 to #FF660C

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

RGBブレンド

#DC1B13 - #FF660C | colorate

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

0.0%	0.0% #DC1B13	RGB 220 27 19	#DC1B13
16.7%	16.7% #E12711	RGB 225 39 17	#E12711
33.3%	33.3% #E73410	RGB 231 52 16	#E73410
50.0%	50.0% #ED400F	RGB 237 64 15	#ED400F
66.7%	66.7% #F34D0E	RGB 243 77 14	#F34D0E
83.3%	83.3% #F9590D	RGB 249 89 13	#F9590D
100.0%	100.0% #FF660C	RGB 255 102 12	#FF660C

#DC1B13 #E12711 #E73410 #ED400F #F34D0E #F9590D #FF660C

#DC1B13 - #FF660C

HSVブレンド

#DC1B13 - #FF660C | colorate

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

0.0%	0.0% #DC1A12	RGB 220 26 18	#DC1A12
16.7%	16.7% #E12512	RGB 225 37 18	#E12512
33.3%	33.3% #E73110	RGB 231 49 16	#E73110
50.0%	50.0% #ED3D0F	RGB 237 61 15	#ED3D0F
66.7%	66.7% #F34A0E	RGB 243 74 14	#F34A0E
83.3%	83.3% #F9570D	RGB 249 87 13	#F9570D
100.0%	100.0% #FF660C	RGB 255 102 12	#FF660C

#DC1A12 #E12512 #E73110 #ED3D0F #F34A0E #F9570D #FF660C

#DC1B13 - #ED3D0F - #FF660C

CSSコード

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

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