#640006 - #D2B6B7 | colorate

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

Blend #640006 to #D2B6B7

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

RGBブレンド

#640006 - #D2B6B7 | colorate

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

0.0%	0.0% #640006	RGB 100 0 6	#640006
16.7%	16.7% #761E23	RGB 118 30 35	#761E23
33.3%	33.3% #883C41	RGB 136 60 65	#883C41
50.0%	50.0% #9B5B5E	RGB 155 91 94	#9B5B5E
66.7%	66.7% #AD797C	RGB 173 121 124	#AD797C
83.3%	83.3% #BF9799	RGB 191 151 153	#BF9799
100.0%	100.0% #D2B6B7	RGB 210 182 183	#D2B6B7

#640006 #761E23 #883C41 #9B5B5E #AD797C #BF9799 #D2B6B7

#640006 - #D2B6B7

HSVブレンド

#640006 - #D2B6B7 | colorate

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

0.0%	0.0% #640005	RGB 100 0 5	#640005
16.7%	16.7% #761116	RGB 118 17 22	#761116
33.3%	33.3% #88272C	RGB 136 39 44	#88272C
50.0%	50.0% #9B4347	RGB 155 67 71	#9B4347
66.7%	66.7% #AD6467	RGB 173 100 103	#AD6467
83.3%	83.3% #BF8A8C	RGB 191 138 140	#BF8A8C
100.0%	100.0% #D2B6B7	RGB 210 182 183	#D2B6B7

#640005 #761116 #88272C #9B4347 #AD6467 #BF8A8C #D2B6B7

#640006 - #9B4347 - #D2B6B7

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #640005 0%, #9B4347 50%, #D2B6B7 100%);
    background: -webkit-linear-gradient(top, #640005 0%, #9B4347 50%, #D2B6B7 100%);
    background: linear-gradient(to bottom, #640005 0%, #9B4347 50%, #D2B6B7 100%);
}
</style>