#3E4047 - #8F7E6E | colorate

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

Blend #3E4047 to #8F7E6E

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

RGBブレンド

#3E4047 - #8F7E6E | colorate

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

0.0%	0.0% #3E4047	RGB 62 64 71	#3E4047
16.7%	16.7% #4B4A4D	RGB 75 74 77	#4B4A4D
33.3%	33.3% #595454	RGB 89 84 84	#595454
50.0%	50.0% #665F5A	RGB 102 95 90	#665F5A
66.7%	66.7% #746961	RGB 116 105 97	#746961
83.3%	83.3% #817367	RGB 129 115 103	#817367
100.0%	100.0% #8F7E6E	RGB 143 126 110	#8F7E6E

#3E4047 #4B4A4D #595454 #665F5A #746961 #817367 #8F7E6E

#3E4047 - #8F7E6E

HSVブレンド

#3E4047 - #8F7E6E | colorate

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

0.0%	0.0% #3E4047	RGB 62 64 71	#3E4047
16.7%	16.7% #494753	RGB 73 71 83	#494753
33.3%	33.3% #5A4F5F	RGB 90 79 95	#5A4F5F
50.0%	50.0% #6B5768	RGB 107 87 104	#6B5768
66.7%	66.7% #775F69	RGB 119 95 105	#775F69
83.3%	83.3% #836767	RGB 131 103 103	#836767
100.0%	100.0% #8F7E6E	RGB 143 126 110	#8F7E6E

#3E4047 #494753 #5A4F5F #6B5768 #775F69 #836767 #8F7E6E

#3E4047 - #6B5768 - #8F7E6E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4047 0%, #6B5768 50%, #8F7E6E 100%);
    background: -webkit-linear-gradient(top, #3E4047 0%, #6B5768 50%, #8F7E6E 100%);
    background: linear-gradient(to bottom, #3E4047 0%, #6B5768 50%, #8F7E6E 100%);
}
</style>