#829077 - #799C7F | colorate

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

Blend #829077 to #799C7F

#829077 #799C7F

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

RGBブレンド

#829077 - #799C7F | colorate

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

0.0%	0.0% #829077	RGB 130 144 119	#829077
16.7%	16.7% #809278	RGB 128 146 120	#809278
33.3%	33.3% #7F9479	RGB 127 148 121	#7F9479
50.0%	50.0% #7D967B	RGB 125 150 123	#7D967B
66.7%	66.7% #7C987C	RGB 124 152 124	#7C987C
83.3%	83.3% #7A9A7D	RGB 122 154 125	#7A9A7D
100.0%	100.0% #799C7F	RGB 121 156 127	#799C7F

#829077 #809278 #7F9479 #7D967B #7C987C #7A9A7D #799C7F

#829077 - #799C7F

HSVブレンド

#829077 - #799C7F | colorate

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

0.0%	0.0% #829077	RGB 130 144 119	#829077
16.7%	16.7% #809277	RGB 128 146 119	#809277
33.3%	33.3% #7E9477	RGB 126 148 119	#7E9477
50.0%	50.0% #7C9678	RGB 124 150 120	#7C9678
66.7%	66.7% #799878	RGB 121 152 120	#799878
83.3%	83.3% #789A7B	RGB 120 154 123	#789A7B
100.0%	100.0% #799C7F	RGB 121 156 127	#799C7F

#829077 #809277 #7E9477 #7C9678 #799878 #789A7B #799C7F

#829077 - #7C9678 - #799C7F

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #829077 0%, #7C9678 50%, #799C7F 100%);
    background: -webkit-linear-gradient(top, #829077 0%, #7C9678 50%, #799C7F 100%);
    background: linear-gradient(to bottom, #829077 0%, #7C9678 50%, #799C7F 100%);
}
</style>