#3D0E1B - #883E75 | colorate

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

Blend #3D0E1B to #883E75

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

RGBブレンド

#3D0E1B - #883E75 | colorate

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

0.0%	0.0% #3D0E1B	RGB 61 14 27	#3D0E1B
16.7%	16.7% #49162A	RGB 73 22 42	#49162A
33.3%	33.3% #561E39	RGB 86 30 57	#561E39
50.0%	50.0% #622648	RGB 98 38 72	#622648
66.7%	66.7% #6F2E57	RGB 111 46 87	#6F2E57
83.3%	83.3% #7B3666	RGB 123 54 102	#7B3666
100.0%	100.0% #883E75	RGB 136 62 117	#883E75

#3D0E1B #49162A #561E39 #622648 #6F2E57 #7B3666 #883E75

#3D0E1B - #883E75

HSVブレンド

#3D0E1B - #883E75 | colorate

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

0.0%	0.0% #3D0E1B	RGB 61 14 27	#3D0E1B
16.7%	16.7% #491326	RGB 73 19 38	#491326
33.3%	33.3% #561A34	RGB 86 26 52	#561A34
50.0%	50.0% #622142	RGB 98 33 66	#622142
66.7%	66.7% #6F2A52	RGB 111 42 82	#6F2A52
83.3%	83.3% #7B3363	RGB 123 51 99	#7B3363
100.0%	100.0% #883E75	RGB 136 62 117	#883E75

#3D0E1B #491326 #561A34 #622142 #6F2A52 #7B3363 #883E75

#3D0E1B - #622142 - #883E75

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D0E1B 0%, #622142 50%, #883E75 100%);
    background: -webkit-linear-gradient(top, #3D0E1B 0%, #622142 50%, #883E75 100%);
    background: linear-gradient(to bottom, #3D0E1B 0%, #622142 50%, #883E75 100%);
}
</style>