#99A299 - #738879 | colorate

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

Blend #99A299 to #738879

#99A299 #738879

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

RGBブレンド

#99A299 - #738879 | colorate

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

0.0%	0.0% #99A299	RGB 153 162 153	#99A299
16.7%	16.7% #929D93	RGB 146 157 147	#929D93
33.3%	33.3% #8C998E	RGB 140 153 142	#8C998E
50.0%	50.0% #869589	RGB 134 149 137	#869589
66.7%	66.7% #7F9083	RGB 127 144 131	#7F9083
83.3%	83.3% #798C7E	RGB 121 140 126	#798C7E
100.0%	100.0% #738879	RGB 115 136 121	#738879

#99A299 #929D93 #8C998E #869589 #7F9083 #798C7E #738879

#99A299 - #738879

HSVブレンド

#99A299 - #738879 | colorate

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

0.0%	0.0% #99A299	RGB 153 162 153	#99A299
16.7%	16.7% #929D92	RGB 146 157 146	#929D92
33.3%	33.3% #8B998D	RGB 139 153 141	#8B998D
50.0%	50.0% #859587	RGB 133 149 135	#859587
66.7%	66.7% #7F9082	RGB 127 144 130	#7F9082
83.3%	83.3% #788C7D	RGB 120 140 125	#788C7D
100.0%	100.0% #738879	RGB 115 136 121	#738879

#99A299 #929D92 #8B998D #859587 #7F9082 #788C7D #738879

#99A299 - #859587 - #738879

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #99A299 0%, #859587 50%, #738879 100%);
    background: -webkit-linear-gradient(top, #99A299 0%, #859587 50%, #738879 100%);
    background: linear-gradient(to bottom, #99A299 0%, #859587 50%, #738879 100%);
}
</style>