#371E32 - #380025 | colorate

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

Blend #371E32 to #380025

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

RGBブレンド

#371E32 - #380025 | colorate

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

0.0%	0.0% #371E32	RGB 55 30 50	#371E32
16.7%	16.7% #37192F	RGB 55 25 47	#37192F
33.3%	33.3% #37142D	RGB 55 20 45	#37142D
50.0%	50.0% #370F2B	RGB 55 15 43	#370F2B
66.7%	66.7% #370A29	RGB 55 10 41	#370A29
83.3%	83.3% #370527	RGB 55 5 39	#370527
100.0%	100.0% #380025	RGB 56 0 37	#380025

#371E32 #37192F #37142D #370F2B #370A29 #370527 #380025

#371E32 - #380025

HSVブレンド

#371E32 - #380025 | colorate

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

0.0%	0.0% #371E32	RGB 55 30 50	#371E32
16.7%	16.7% #371930	RGB 55 25 48	#371930
33.3%	33.3% #37142E	RGB 55 20 46	#37142E
50.0%	50.0% #370F2C	RGB 55 15 44	#370F2C
66.7%	66.7% #370A2A	RGB 55 10 42	#370A2A
83.3%	83.3% #370527	RGB 55 5 39	#370527
100.0%	100.0% #380025	RGB 56 0 37	#380025

#371E32 #371930 #37142E #370F2C #370A2A #370527 #380025

#371E32 - #370F2C - #380025

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #371E32 0%, #370F2C 50%, #380025 100%);
    background: -webkit-linear-gradient(top, #371E32 0%, #370F2C 50%, #380025 100%);
    background: linear-gradient(to bottom, #371E32 0%, #370F2C 50%, #380025 100%);
}
</style>