#7C7975 - #94957E | colorate

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

Blend #7C7975 to #94957E

#7C7975

#94957E

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

RGBブレンド

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

0.0%	0.0% #7C7975	RGB 124 121 117	#7C7975
16.7%	16.7% #807D76	RGB 128 125 118	#807D76
33.3%	33.3% #848278	RGB 132 130 120	#848278
50.0%	50.0% #888779	RGB 136 135 121	#888779
66.7%	66.7% #8C8B7B	RGB 140 139 123	#8C8B7B
83.3%	83.3% #90907C	RGB 144 144 124	#90907C
100.0%	100.0% #94957E	RGB 148 149 126	#94957E

#7C7975 #807D76 #848278 #888779 #8C8B7B #90907C #94957E

#7C7975 - #94957E

HSVブレンド

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

0.0%	0.0% #7C7975	RGB 124 121 117	#7C7975
16.7%	16.7% #807C76	RGB 128 124 118	#807C76
33.3%	33.3% #848178	RGB 132 129 120	#848178
50.0%	50.0% #88857A	RGB 136 133 122	#88857A
66.7%	66.7% #8C8A7B	RGB 140 138 123	#8C8A7B
83.3%	83.3% #90907C	RGB 144 144 124	#90907C
100.0%	100.0% #94957E	RGB 148 149 126	#94957E

#7C7975 #807C76 #848178 #88857A #8C8A7B #90907C #94957E

#7C7975 - #88857A - #94957E

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #7C7975 0%, #88857A 50%, #94957E 100%);
    background: -webkit-linear-gradient(top, #7C7975 0%, #88857A 50%, #94957E 100%);
    background: linear-gradient(to bottom, #7C7975 0%, #88857A 50%, #94957E 100%); 
}
</style>