#5E5E60 - #B87C80 | colorate

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

Blend #5E5E60 to #B87C80

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

RGBブレンド

#5E5E60 - #B87C80 | colorate

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

0.0%	0.0% #5E5E60	RGB 94 94 96	#5E5E60
16.7%	16.7% #6D6365	RGB 109 99 101	#6D6365
33.3%	33.3% #7C686A	RGB 124 104 106	#7C686A
50.0%	50.0% #8B6D70	RGB 139 109 112	#8B6D70
66.7%	66.7% #9A7275	RGB 154 114 117	#9A7275
83.3%	83.3% #A9777A	RGB 169 119 122	#A9777A
100.0%	100.0% #B87C80	RGB 184 124 128	#B87C80

#5E5E60 #6D6365 #7C686A #8B6D70 #9A7275 #A9777A #B87C80

#5E5E60 - #B87C80

HSVブレンド

#5E5E60 - #B87C80 | colorate

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

0.0%	0.0% #5E5E60	RGB 94 94 96	#5E5E60
16.7%	16.7% #69666E	RGB 105 102 110	#69666E
33.3%	33.3% #776D7D	RGB 119 109 125	#776D7D
50.0%	50.0% #8B738C	RGB 139 115 140	#8B738C
66.7%	66.7% #9A7790	RGB 154 119 144	#9A7790
83.3%	83.3% #A97A8C	RGB 169 122 140	#A97A8C
100.0%	100.0% #B87C80	RGB 184 124 128	#B87C80

#5E5E60 #69666E #776D7D #8B738C #9A7790 #A97A8C #B87C80

#5E5E60 - #8B738C - #B87C80

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E60 0%, #8B738C 50%, #B87C80 100%);
    background: -webkit-linear-gradient(top, #5E5E60 0%, #8B738C 50%, #B87C80 100%);
    background: linear-gradient(to bottom, #5E5E60 0%, #8B738C 50%, #B87C80 100%);
}
</style>