#88958F - #8DAEA9 | colorate

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

Blend #88958F to #8DAEA9

#88958F #8DAEA9

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

RGBブレンド

#88958F - #8DAEA9 | colorate

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

0.0%	0.0% #88958F	RGB 136 149 143	#88958F
16.7%	16.7% #889993	RGB 136 153 147	#889993
33.3%	33.3% #899D97	RGB 137 157 151	#899D97
50.0%	50.0% #8AA19C	RGB 138 161 156	#8AA19C
66.7%	66.7% #8BA5A0	RGB 139 165 160	#8BA5A0
83.3%	83.3% #8CA9A4	RGB 140 169 164	#8CA9A4
100.0%	100.0% #8DAEA9	RGB 141 174 169	#8DAEA9

#88958F #889993 #899D97 #8AA19C #8BA5A0 #8CA9A4 #8DAEA9

#88958F - #8DAEA9

HSVブレンド

#88958F - #8DAEA9 | colorate

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

0.0%	0.0% #88958F	RGB 136 149 143	#88958F
16.7%	16.7% #899992	RGB 137 153 146	#899992
33.3%	33.3% #8A9D96	RGB 138 157 150	#8A9D96
50.0%	50.0% #8BA19A	RGB 139 161 154	#8BA19A
66.7%	66.7% #8BA59F	RGB 139 165 159	#8BA59F
83.3%	83.3% #8CA9A3	RGB 140 169 163	#8CA9A3
100.0%	100.0% #8DAEA9	RGB 141 174 169	#8DAEA9

#88958F #899992 #8A9D96 #8BA19A #8BA59F #8CA9A3 #8DAEA9

#88958F - #8BA19A - #8DAEA9

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #88958F 0%, #8BA19A 50%, #8DAEA9 100%);
    background: -webkit-linear-gradient(top, #88958F 0%, #8BA19A 50%, #8DAEA9 100%);
    background: linear-gradient(to bottom, #88958F 0%, #8BA19A 50%, #8DAEA9 100%);
}
</style>