#9E7372 - #846352 | colorate

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

Blend #9E7372 to #846352

#9E7372

#846352

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

RGBブレンド

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

0.0%	0.0% #9E7372	RGB 158 115 114	#9E7372
16.7%	16.7% #9A716D	RGB 154 113 109	#9A716D
33.3%	33.3% #966E68	RGB 150 110 104	#966E68
50.0%	50.0% #916B62	RGB 145 107 98	#916B62
66.7%	66.7% #8D695D	RGB 141 105 93	#8D695D
83.3%	83.3% #896658	RGB 137 102 88	#896658
100.0%	100.0% #846352	RGB 132 99 82	#846352

#9E7372 #9A716D #966E68 #916B62 #8D695D #896658 #846352

#9E7372 - #846352

HSVブレンド

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

0.0%	0.0% #9E7372	RGB 158 115 114	#9E7372
16.7%	16.7% #996F6C	RGB 153 111 108	#996F6C
33.3%	33.3% #956C66	RGB 149 108 102	#956C66
50.0%	50.0% #916961	RGB 145 105 97	#916961
66.7%	66.7% #8C675C	RGB 140 103 92	#8C675C
83.3%	83.3% #886556	RGB 136 101 86	#886556
100.0%	100.0% #846352	RGB 132 99 82	#846352

#9E7372 #996F6C #956C66 #916961 #8C675C #886556 #846352

#9E7372 - #916961 - #846352

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #9E7372 0%, #916961 50%, #846352 100%);
    background: -webkit-linear-gradient(top, #9E7372 0%, #916961 50%, #846352 100%);
    background: linear-gradient(to bottom, #9E7372 0%, #916961 50%, #846352 100%); 
}
</style>