#88878B - #272626 | colorate

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

Blend #88878B to #272626

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

RGBブレンド

#88878B - #272626 | colorate

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

0.0%	0.0% #88878B	RGB 136 135 139	#88878B
16.7%	16.7% #77767A	RGB 119 118 122	#77767A
33.3%	33.3% #676669	RGB 103 102 105	#676669
50.0%	50.0% #575658	RGB 87 86 88	#575658
66.7%	66.7% #474647	RGB 71 70 71	#474647
83.3%	83.3% #373636	RGB 55 54 54	#373636
100.0%	100.0% #272626	RGB 39 38 38	#272626

#88878B #77767A #676669 #575658 #474647 #373636 #272626

#88878B - #272626

HSVブレンド

#88878B - #272626 | colorate

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

0.0%	0.0% #88878B	RGB 136 135 139	#88878B
16.7%	16.7% #78767A	RGB 120 118 122	#78767A
33.3%	33.3% #696669	RGB 105 102 105	#696669
50.0%	50.0% #595658	RGB 89 86 88	#595658
66.7%	66.7% #484647	RGB 72 70 71	#484647
83.3%	83.3% #373636	RGB 55 54 54	#373636
100.0%	100.0% #272626	RGB 39 38 38	#272626

#88878B #78767A #696669 #595658 #484647 #373636 #272626

#88878B - #595658 - #272626

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #88878B 0%, #595658 50%, #272626 100%);
    background: -webkit-linear-gradient(top, #88878B 0%, #595658 50%, #272626 100%);
    background: linear-gradient(to bottom, #88878B 0%, #595658 50%, #272626 100%);
}
</style>