#DF2530 - #6A0914 | colorate

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

Blend #DF2530 to #6A0914

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

RGBブレンド

#DF2530 - #6A0914 | colorate

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

0.0%	0.0% #DF2530	RGB 223 37 48	#DF2530
16.7%	16.7% #CB202B	RGB 203 32 43	#CB202B
33.3%	33.3% #B81B26	RGB 184 27 38	#B81B26
50.0%	50.0% #A41722	RGB 164 23 34	#A41722
66.7%	66.7% #91121D	RGB 145 18 29	#91121D
83.3%	83.3% #7D0D18	RGB 125 13 24	#7D0D18
100.0%	100.0% #6A0914	RGB 106 9 20	#6A0914

#DF2530 #CB202B #B81B26 #A41722 #91121D #7D0D18 #6A0914

#DF2530 - #6A0914

HSVブレンド

#DF2530 - #6A0914 | colorate

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

0.0%	0.0% #DF2530	RGB 223 37 48	#DF2530
16.7%	16.7% #CB1F2A	RGB 203 31 42	#CB1F2A
33.3%	33.3% #B81925	RGB 184 25 37	#B81925
50.0%	50.0% #A41421	RGB 164 20 33	#A41421
66.7%	66.7% #91101C	RGB 145 16 28	#91101C
83.3%	83.3% #7D0C18	RGB 125 12 24	#7D0C18
100.0%	100.0% #6A0914	RGB 106 9 20	#6A0914

#DF2530 #CB1F2A #B81925 #A41421 #91101C #7D0C18 #6A0914

#DF2530 - #A41421 - #6A0914

CSSコード

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

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