#1A1A22 - #444A4D | colorate

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

Blend #1A1A22 to #444A4D

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

RGBブレンド

#1A1A22 - #444A4D | colorate

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

0.0%	0.0% #1A1A22	RGB 26 26 34	#1A1A22
16.7%	16.7% #212229	RGB 33 34 41	#212229
33.3%	33.3% #282A30	RGB 40 42 48	#282A30
50.0%	50.0% #2F3237	RGB 47 50 55	#2F3237
66.7%	66.7% #363A3E	RGB 54 58 62	#363A3E
83.3%	83.3% #3D4245	RGB 61 66 69	#3D4245
100.0%	100.0% #444A4D	RGB 68 74 77	#444A4D

#1A1A22 #212229 #282A30 #2F3237 #363A3E #3D4245 #444A4D

#1A1A22 - #444A4D

HSVブレンド

#1A1A22 - #444A4D | colorate

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

0.0%	0.0% #1A1A22	RGB 26 26 34	#1A1A22
16.7%	16.7% #202129	RGB 32 33 41	#202129
33.3%	33.3% #262830	RGB 38 40 48	#262830
50.0%	50.0% #2D3037	RGB 45 48 55	#2D3037
66.7%	66.7% #34393E	RGB 52 57 62	#34393E
83.3%	83.3% #3C4145	RGB 60 65 69	#3C4145
100.0%	100.0% #444A4D	RGB 68 74 77	#444A4D

#1A1A22 #202129 #262830 #2D3037 #34393E #3C4145 #444A4D

#1A1A22 - #2D3037 - #444A4D

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A1A22 0%, #2D3037 50%, #444A4D 100%);
    background: -webkit-linear-gradient(top, #1A1A22 0%, #2D3037 50%, #444A4D 100%);
    background: linear-gradient(to bottom, #1A1A22 0%, #2D3037 50%, #444A4D 100%);
}
</style>