#AF9FAC - #322D30 | colorate

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

Blend #AF9FAC to #322D30

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

RGBブレンド

#AF9FAC - #322D30 | colorate

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

0.0%	0.0% #AF9FAC	RGB 175 159 172	#AF9FAC
16.7%	16.7% #9A8C97	RGB 154 140 151	#9A8C97
33.3%	33.3% #857982	RGB 133 121 130	#857982
50.0%	50.0% #70666E	RGB 112 102 110	#70666E
66.7%	66.7% #5B5359	RGB 91 83 89	#5B5359
83.3%	83.3% #464044	RGB 70 64 68	#464044
100.0%	100.0% #322D30	RGB 50 45 48	#322D30

#AF9FAC #9A8C97 #857982 #70666E #5B5359 #464044 #322D30

#AF9FAC - #322D30

HSVブレンド

#AF9FAC - #322D30 | colorate

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

0.0%	0.0% #AF9FAC	RGB 175 159 172	#AF9FAC
16.7%	16.7% #9A8B96	RGB 154 139 150	#9A8B96
33.3%	33.3% #857882	RGB 133 120 130	#857882
50.0%	50.0% #70656D	RGB 112 101 109	#70656D
66.7%	66.7% #5B5258	RGB 91 82 88	#5B5258
83.3%	83.3% #463F44	RGB 70 63 68	#463F44
100.0%	100.0% #322D30	RGB 50 45 48	#322D30

#AF9FAC #9A8B96 #857882 #70656D #5B5258 #463F44 #322D30

#AF9FAC - #70656D - #322D30

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF9FAC 0%, #70656D 50%, #322D30 100%);
    background: -webkit-linear-gradient(top, #AF9FAC 0%, #70656D 50%, #322D30 100%);
    background: linear-gradient(to bottom, #AF9FAC 0%, #70656D 50%, #322D30 100%);
}
</style>