#6D7071 - #233126 | colorate

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

Blend #6D7071 to #233126

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

RGBブレンド

#6D7071 - #233126 | colorate

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

0.0%	0.0% #6D7071	RGB 109 112 113	#6D7071
16.7%	16.7% #606564	RGB 96 101 100	#606564
33.3%	33.3% #545B58	RGB 84 91 88	#545B58
50.0%	50.0% #48504B	RGB 72 80 75	#48504B
66.7%	66.7% #3B463F	RGB 59 70 63	#3B463F
83.3%	83.3% #2F3B32	RGB 47 59 50	#2F3B32
100.0%	100.0% #233126	RGB 35 49 38	#233126

#6D7071 #606564 #545B58 #48504B #3B463F #2F3B32 #233126

#6D7071 - #233126

HSVブレンド

#6D7071 - #233126 | colorate

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

0.0%	0.0% #6D7071	RGB 109 112 113	#6D7071
16.7%	16.7% #5E6566	RGB 94 101 102	#5E6566
33.3%	33.3% #505B5A	RGB 80 91 90	#505B5A
50.0%	50.0% #43514D	RGB 67 81 77	#43514D
66.7%	66.7% #384640	RGB 56 70 64	#384640
83.3%	83.3% #2D3B32	RGB 45 59 50	#2D3B32
100.0%	100.0% #233126	RGB 35 49 38	#233126

#6D7071 #5E6566 #505B5A #43514D #384640 #2D3B32 #233126

#6D7071 - #43514D - #233126

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D7071 0%, #43514D 50%, #233126 100%);
    background: -webkit-linear-gradient(top, #6D7071 0%, #43514D 50%, #233126 100%);
    background: linear-gradient(to bottom, #6D7071 0%, #43514D 50%, #233126 100%);
}
</style>