#3D2E48 - #240727 | colorate

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

Blend #3D2E48 to #240727

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

RGBブレンド

#3D2E48 - #240727 | colorate

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

0.0%	0.0% #3D2E48	RGB 61 46 72	#3D2E48
16.7%	16.7% #382742	RGB 56 39 66	#382742
33.3%	33.3% #34213D	RGB 52 33 61	#34213D
50.0%	50.0% #301A37	RGB 48 26 55	#301A37
66.7%	66.7% #2C1432	RGB 44 20 50	#2C1432
83.3%	83.3% #280D2C	RGB 40 13 44	#280D2C
100.0%	100.0% #240727	RGB 36 7 39	#240727

#3D2E48 #382742 #34213D #301A37 #2C1432 #280D2C #240727

#3D2E48 - #240727

HSVブレンド

#3D2E48 - #240727 | colorate

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

0.0%	0.0% #3D2E48	RGB 61 46 72	#3D2E48
16.7%	16.7% #372542	RGB 55 37 66	#372542
33.3%	33.3% #331D3D	RGB 51 29 61	#331D3D
50.0%	50.0% #2F1637	RGB 47 22 55	#2F1637
66.7%	66.7% #2B1032	RGB 43 16 50	#2B1032
83.3%	83.3% #270B2C	RGB 39 11 44	#270B2C
100.0%	100.0% #240727	RGB 36 7 39	#240727

#3D2E48 #372542 #331D3D #2F1637 #2B1032 #270B2C #240727

#3D2E48 - #2F1637 - #240727

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D2E48 0%, #2F1637 50%, #240727 100%);
    background: -webkit-linear-gradient(top, #3D2E48 0%, #2F1637 50%, #240727 100%);
    background: linear-gradient(to bottom, #3D2E48 0%, #2F1637 50%, #240727 100%);
}
</style>