#7B7376 - #F6BC94 | colorate

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

Blend #7B7376 to #F6BC94

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

RGBブレンド

#7B7376 - #F6BC94 | colorate

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

0.0%	0.0% #7B7376	RGB 123 115 118	#7B7376
16.7%	16.7% #8F7F7B	RGB 143 127 123	#8F7F7B
33.3%	33.3% #A48B80	RGB 164 139 128	#A48B80
50.0%	50.0% #B89785	RGB 184 151 133	#B89785
66.7%	66.7% #CDA38A	RGB 205 163 138	#CDA38A
83.3%	83.3% #E1AF8F	RGB 225 175 143	#E1AF8F
100.0%	100.0% #F6BC94	RGB 246 188 148	#F6BC94

#7B7376 #8F7F7B #A48B80 #B89785 #CDA38A #E1AF8F #F6BC94

#7B7376 - #F6BC94

HSVブレンド

#7B7376 - #F6BC94 | colorate

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

0.0%	0.0% #7B7376	RGB 123 115 118	#7B7376
16.7%	16.7% #8F7E82	RGB 143 126 130	#8F7E82
33.3%	33.3% #A4878A	RGB 164 135 138	#A4878A
50.0%	50.0% #B88E8D	RGB 184 142 141	#B88E8D
66.7%	66.7% #CD9A92	RGB 205 154 146	#CD9A92
83.3%	83.3% #E1A994	RGB 225 169 148	#E1A994
100.0%	100.0% #F6BC94	RGB 246 188 148	#F6BC94

#7B7376 #8F7E82 #A4878A #B88E8D #CD9A92 #E1A994 #F6BC94

#7B7376 - #B88E8D - #F6BC94

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B7376 0%, #B88E8D 50%, #F6BC94 100%);
    background: -webkit-linear-gradient(top, #7B7376 0%, #B88E8D 50%, #F6BC94 100%);
    background: linear-gradient(to bottom, #7B7376 0%, #B88E8D 50%, #F6BC94 100%);
}
</style>