#0E0019 - #532A3B | colorate

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

Blend #0E0019 to #532A3B

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

RGBブレンド

#0E0019 - #532A3B | colorate

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

0.0%	0.0% #0E0019	RGB 14 0 25	#0E0019
16.7%	16.7% #19071E	RGB 25 7 30	#19071E
33.3%	33.3% #250E24	RGB 37 14 36	#250E24
50.0%	50.0% #30152A	RGB 48 21 42	#30152A
66.7%	66.7% #3C1C2F	RGB 60 28 47	#3C1C2F
83.3%	83.3% #472335	RGB 71 35 53	#472335
100.0%	100.0% #532A3B	RGB 83 42 59	#532A3B

#0E0019 #19071E #250E24 #30152A #3C1C2F #472335 #532A3B

#0E0019 - #532A3B

HSVブレンド

#0E0019 - #532A3B | colorate

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

0.0%	0.0% #0E0019	RGB 14 0 25	#0E0019
16.7%	16.7% #1A0222	RGB 26 2 34	#1A0222
33.3%	33.3% #28072C	RGB 40 7 44	#28072C
50.0%	50.0% #360D33	RGB 54 13 51	#360D33
66.7%	66.7% #3F1535	RGB 63 21 53	#3F1535
83.3%	83.3% #491E37	RGB 73 30 55	#491E37
100.0%	100.0% #532A3B	RGB 83 42 59	#532A3B

#0E0019 #1A0222 #28072C #360D33 #3F1535 #491E37 #532A3B

#0E0019 - #360D33 - #532A3B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E0019 0%, #360D33 50%, #532A3B 100%);
    background: -webkit-linear-gradient(top, #0E0019 0%, #360D33 50%, #532A3B 100%);
    background: linear-gradient(to bottom, #0E0019 0%, #360D33 50%, #532A3B 100%);
}
</style>