#424148 - #210A0E | colorate

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

Blend #424148 to #210A0E

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

RGBブレンド

#424148 - #210A0E | colorate

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

0.0%	0.0% #424148	RGB 66 65 72	#424148
16.7%	16.7% #3C373E	RGB 60 55 62	#3C373E
33.3%	33.3% #372E34	RGB 55 46 52	#372E34
50.0%	50.0% #31252B	RGB 49 37 43	#31252B
66.7%	66.7% #2C1C21	RGB 44 28 33	#2C1C21
83.3%	83.3% #261317	RGB 38 19 23	#261317
100.0%	100.0% #210A0E	RGB 33 10 14	#210A0E

#424148 #3C373E #372E34 #31252B #2C1C21 #261317 #210A0E

#424148 - #210A0E

HSVブレンド

#424148 - #210A0E | colorate

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

0.0%	0.0% #424148	RGB 66 65 72	#424148
16.7%	16.7% #3A3441	RGB 58 52 65	#3A3441
33.3%	33.3% #35293B	RGB 53 41 59	#35293B
50.0%	50.0% #341F34	RGB 52 31 52	#341F34
66.7%	66.7% #2E1727	RGB 46 23 39	#2E1727
83.3%	83.3% #270F1A	RGB 39 15 26	#270F1A
100.0%	100.0% #210A0E	RGB 33 10 14	#210A0E

#424148 #3A3441 #35293B #341F34 #2E1727 #270F1A #210A0E

#424148 - #341F34 - #210A0E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #424148 0%, #341F34 50%, #210A0E 100%);
    background: -webkit-linear-gradient(top, #424148 0%, #341F34 50%, #210A0E 100%);
    background: linear-gradient(to bottom, #424148 0%, #341F34 50%, #210A0E 100%);
}
</style>