#434945 - #444349 | colorate

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

Blend #434945 to #444349

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

RGBブレンド

#434945 - #444349 | colorate

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

0.0%	0.0% #434945	RGB 67 73 69	#434945
16.7%	16.7% #434845	RGB 67 72 69	#434845
33.3%	33.3% #434746	RGB 67 71 70	#434746
50.0%	50.0% #434647	RGB 67 70 71	#434647
66.7%	66.7% #434547	RGB 67 69 71	#434547
83.3%	83.3% #434448	RGB 67 68 72	#434448
100.0%	100.0% #444349	RGB 68 67 73	#444349

#434945 #434845 #434746 #434647 #434547 #434448 #444349

#434945 - #444349

HSVブレンド

#434945 - #444349 | colorate

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

0.0%	0.0% #434945	RGB 67 73 69	#434945
16.7%	16.7% #434946	RGB 67 73 70	#434946
33.3%	33.3% #434948	RGB 67 73 72	#434948
50.0%	50.0% #434749	RGB 67 71 73	#434749
66.7%	66.7% #434549	RGB 67 69 73	#434549
83.3%	83.3% #434349	RGB 67 67 73	#434349
100.0%	100.0% #444349	RGB 68 67 73	#444349

#434945 #434946 #434948 #434749 #434549 #434349 #444349

#434945 - #434749 - #444349

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #434945 0%, #434749 50%, #444349 100%);
    background: -webkit-linear-gradient(top, #434945 0%, #434749 50%, #444349 100%);
    background: linear-gradient(to bottom, #434945 0%, #434749 50%, #444349 100%);
}
</style>