#2F0C0A - #6F3D33 | colorate

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

Blend #2F0C0A to #6F3D33

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

RGBブレンド

#2F0C0A - #6F3D33 | colorate

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

0.0%	0.0% #2F0C0A	RGB 47 12 10	#2F0C0A
16.7%	16.7% #391410	RGB 57 20 16	#391410
33.3%	33.3% #441C17	RGB 68 28 23	#441C17
50.0%	50.0% #4F241E	RGB 79 36 30	#4F241E
66.7%	66.7% #592C25	RGB 89 44 37	#592C25
83.3%	83.3% #64342C	RGB 100 52 44	#64342C
100.0%	100.0% #6F3D33	RGB 111 61 51	#6F3D33

#2F0C0A #391410 #441C17 #4F241E #592C25 #64342C #6F3D33

#2F0C0A - #6F3D33

HSVブレンド

#2F0C0A - #6F3D33 | colorate

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

0.0%	0.0% #2F0C09	RGB 47 12 9	#2F0C09
16.7%	16.7% #39110E	RGB 57 17 14	#39110E
33.3%	33.3% #441814	RGB 68 24 20	#441814
50.0%	50.0% #4F201A	RGB 79 32 26	#4F201A
66.7%	66.7% #592921	RGB 89 41 33	#592921
83.3%	83.3% #643229	RGB 100 50 41	#643229
100.0%	100.0% #6F3D33	RGB 111 61 51	#6F3D33

#2F0C09 #39110E #441814 #4F201A #592921 #643229 #6F3D33

#2F0C0A - #4F201A - #6F3D33

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F0C09 0%, #4F201A 50%, #6F3D33 100%);
    background: -webkit-linear-gradient(top, #2F0C09 0%, #4F201A 50%, #6F3D33 100%);
    background: linear-gradient(to bottom, #2F0C09 0%, #4F201A 50%, #6F3D33 100%);
}
</style>