#90898F - #6D343F | colorate

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

Blend #90898F to #6D343F

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

RGBブレンド

#90898F - #6D343F | colorate

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

0.0%	0.0% #90898F	RGB 144 137 143	#90898F
16.7%	16.7% #8A7A81	RGB 138 122 129	#8A7A81
33.3%	33.3% #846C74	RGB 132 108 116	#846C74
50.0%	50.0% #7E5E67	RGB 126 94 103	#7E5E67
66.7%	66.7% #785059	RGB 120 80 89	#785059
83.3%	83.3% #72424C	RGB 114 66 76	#72424C
100.0%	100.0% #6D343F	RGB 109 52 63	#6D343F

#90898F #8A7A81 #846C74 #7E5E67 #785059 #72424C #6D343F

#90898F - #6D343F

HSVブレンド

#90898F - #6D343F | colorate

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

0.0%	0.0% #90898F	RGB 144 137 143	#90898F
16.7%	16.7% #8A7885	RGB 138 120 133	#8A7885
33.3%	33.3% #84687A	RGB 132 104 122	#84687A
50.0%	50.0% #7E5A6D	RGB 126 90 109	#7E5A6D
66.7%	66.7% #784C5E	RGB 120 76 94	#784C5E
83.3%	83.3% #723F4F	RGB 114 63 79	#723F4F
100.0%	100.0% #6D343F	RGB 109 52 63	#6D343F

#90898F #8A7885 #84687A #7E5A6D #784C5E #723F4F #6D343F

#90898F - #7E5A6D - #6D343F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #90898F 0%, #7E5A6D 50%, #6D343F 100%);
    background: -webkit-linear-gradient(top, #90898F 0%, #7E5A6D 50%, #6D343F 100%);
    background: linear-gradient(to bottom, #90898F 0%, #7E5A6D 50%, #6D343F 100%);
}
</style>