#D6D0D3 - #9D8679 | colorate

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

Blend #D6D0D3 to #9D8679

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

RGBブレンド

#D6D0D3 - #9D8679 | colorate

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

0.0%	0.0% #D6D0D3	RGB 214 208 211	#D6D0D3
16.7%	16.7% #CCC3C4	RGB 204 195 196	#CCC3C4
33.3%	33.3% #C3B7B5	RGB 195 183 181	#C3B7B5
50.0%	50.0% #B9ABA6	RGB 185 171 166	#B9ABA6
66.7%	66.7% #B09E97	RGB 176 158 151	#B09E97
83.3%	83.3% #A69288	RGB 166 146 136	#A69288
100.0%	100.0% #9D8679	RGB 157 134 121	#9D8679

#D6D0D3 #CCC3C4 #C3B7B5 #B9ABA6 #B09E97 #A69288 #9D8679

#D6D0D3 - #9D8679

HSVブレンド

#D6D0D3 - #9D8679 | colorate

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

0.0%	0.0% #D6D0D3	RGB 214 208 211	#D6D0D3
16.7%	16.7% #CCBFC4	RGB 204 191 196	#CCBFC4
33.3%	33.3% #C3B0B4	RGB 195 176 180	#C3B0B4
50.0%	50.0% #B9A1A3	RGB 185 161 163	#B9A1A3
66.7%	66.7% #B09593	RGB 176 149 147	#B09593
83.3%	83.3% #A68C85	RGB 166 140 133	#A68C85
100.0%	100.0% #9D8679	RGB 157 134 121	#9D8679

#D6D0D3 #CCBFC4 #C3B0B4 #B9A1A3 #B09593 #A68C85 #9D8679

#D6D0D3 - #B9A1A3 - #9D8679

CSSコード

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

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