#1F1C1C - #6F5D55 | colorate

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

Blend #1F1C1C to #6F5D55

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

RGBブレンド

#1F1C1C - #6F5D55 | colorate

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

0.0%	0.0% #1F1C1C	RGB 31 28 28	#1F1C1C
16.7%	16.7% #2C2625	RGB 44 38 37	#2C2625
33.3%	33.3% #39312F	RGB 57 49 47	#39312F
50.0%	50.0% #473C38	RGB 71 60 56	#473C38
66.7%	66.7% #544742	RGB 84 71 66	#544742
83.3%	83.3% #61524B	RGB 97 82 75	#61524B
100.0%	100.0% #6F5D55	RGB 111 93 85	#6F5D55

#1F1C1C #2C2625 #39312F #473C38 #544742 #61524B #6F5D55

#1F1C1C - #6F5D55

HSVブレンド

#1F1C1C - #6F5D55 | colorate

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

0.0%	0.0% #1F1C1C	RGB 31 28 28	#1F1C1C
16.7%	16.7% #2C2727	RGB 44 39 39	#2C2727
33.3%	33.3% #393231	RGB 57 50 49	#393231
50.0%	50.0% #473D3B	RGB 71 61 59	#473D3B
66.7%	66.7% #544744	RGB 84 71 68	#544744
83.3%	83.3% #61524D	RGB 97 82 77	#61524D
100.0%	100.0% #6F5D55	RGB 111 93 85	#6F5D55

#1F1C1C #2C2727 #393231 #473D3B #544744 #61524D #6F5D55

#1F1C1C - #473D3B - #6F5D55

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F1C1C 0%, #473D3B 50%, #6F5D55 100%);
    background: -webkit-linear-gradient(top, #1F1C1C 0%, #473D3B 50%, #6F5D55 100%);
    background: linear-gradient(to bottom, #1F1C1C 0%, #473D3B 50%, #6F5D55 100%);
}
</style>