#76878F - #D6C3AB | colorate

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

Blend #76878F to #D6C3AB

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

RGBブレンド

#76878F - #D6C3AB | colorate

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

0.0%	0.0% #76878F	RGB 118 135 143	#76878F
16.7%	16.7% #869193	RGB 134 145 147	#869193
33.3%	33.3% #969B98	RGB 150 155 152	#969B98
50.0%	50.0% #A6A59D	RGB 166 165 157	#A6A59D
66.7%	66.7% #B6AFA1	RGB 182 175 161	#B6AFA1
83.3%	83.3% #C6B9A6	RGB 198 185 166	#C6B9A6
100.0%	100.0% #D6C3AB	RGB 214 195 171	#D6C3AB

#76878F #869193 #969B98 #A6A59D #B6AFA1 #C6B9A6 #D6C3AB

#76878F - #D6C3AB

HSVブレンド

#76878F - #D6C3AB | colorate

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

0.0%	0.0% #76878F	RGB 118 135 143	#76878F
16.7%	16.7% #7F9A96	RGB 127 154 150	#7F9A96
33.3%	33.3% #88A694	RGB 136 166 148	#88A694
50.0%	50.0% #93B290	RGB 147 178 144	#93B290
66.7%	66.7% #ACBE99	RGB 172 190 153	#ACBE99
83.3%	83.3% #C9CAA2	RGB 201 202 162	#C9CAA2
100.0%	100.0% #D6C3AB	RGB 214 195 171	#D6C3AB

#76878F #7F9A96 #88A694 #93B290 #ACBE99 #C9CAA2 #D6C3AB

#76878F - #93B290 - #D6C3AB

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76878F 0%, #93B290 50%, #D6C3AB 100%);
    background: -webkit-linear-gradient(top, #76878F 0%, #93B290 50%, #D6C3AB 100%);
    background: linear-gradient(to bottom, #76878F 0%, #93B290 50%, #D6C3AB 100%);
}
</style>