#363E43 - #846E6E | colorate

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

Blend #363E43 to #846E6E

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

RGBブレンド

#363E43 - #846E6E | colorate

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

0.0%	0.0% #363E43	RGB 54 62 67	#363E43
16.7%	16.7% #43464A	RGB 67 70 74	#43464A
33.3%	33.3% #504E51	RGB 80 78 81	#504E51
50.0%	50.0% #5D5658	RGB 93 86 88	#5D5658
66.7%	66.7% #6A5E5F	RGB 106 94 95	#6A5E5F
83.3%	83.3% #776666	RGB 119 102 102	#776666
100.0%	100.0% #846E6E	RGB 132 110 110	#846E6E

#363E43 #43464A #504E51 #5D5658 #6A5E5F #776666 #846E6E

#363E43 - #846E6E

HSVブレンド

#363E43 - #846E6E | colorate

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

0.0%	0.0% #363E43	RGB 54 62 67	#363E43
16.7%	16.7% #3F414D	RGB 63 65 77	#3F414D
33.3%	33.3% #4C4858	RGB 76 72 88	#4C4858
50.0%	50.0% #5D5163	RGB 93 81 99	#5D5163
66.7%	66.7% #6E5A6B	RGB 110 90 107	#6E5A6B
83.3%	83.3% #79646D	RGB 121 100 109	#79646D
100.0%	100.0% #846E6E	RGB 132 110 110	#846E6E

#363E43 #3F414D #4C4858 #5D5163 #6E5A6B #79646D #846E6E

#363E43 - #5D5163 - #846E6E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #363E43 0%, #5D5163 50%, #846E6E 100%);
    background: -webkit-linear-gradient(top, #363E43 0%, #5D5163 50%, #846E6E 100%);
    background: linear-gradient(to bottom, #363E43 0%, #5D5163 50%, #846E6E 100%);
}
</style>