#DDD8D9 - #3E3D3F | colorate

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

Blend #DDD8D9 to #3E3D3F

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

RGBブレンド

#DDD8D9 - #3E3D3F | colorate

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

0.0%	0.0% #DDD8D9	RGB 221 216 217	#DDD8D9
16.7%	16.7% #C2BEBF	RGB 194 190 191	#C2BEBF
33.3%	33.3% #A8A4A5	RGB 168 164 165	#A8A4A5
50.0%	50.0% #8D8A8C	RGB 141 138 140	#8D8A8C
66.7%	66.7% #737072	RGB 115 112 114	#737072
83.3%	83.3% #585658	RGB 88 86 88	#585658
100.0%	100.0% #3E3D3F	RGB 62 61 63	#3E3D3F

#DDD8D9 #C2BEBF #A8A4A5 #8D8A8C #737072 #585658 #3E3D3F

#DDD8D9 - #3E3D3F

HSVブレンド

#DDD8D9 - #3E3D3F | colorate

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

0.0%	0.0% #DDD8D9	RGB 221 216 217	#DDD8D9
16.7%	16.7% #C2BDBF	RGB 194 189 191	#C2BDBF
33.3%	33.3% #A8A4A6	RGB 168 164 166	#A8A4A6
50.0%	50.0% #8E8A8D	RGB 142 138 141	#8E8A8D
66.7%	66.7% #737073	RGB 115 112 115	#737073
83.3%	83.3% #585659	RGB 88 86 89	#585659
100.0%	100.0% #3E3D3F	RGB 62 61 63	#3E3D3F

#DDD8D9 #C2BDBF #A8A4A6 #8E8A8D #737073 #585659 #3E3D3F

#DDD8D9 - #8E8A8D - #3E3D3F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DDD8D9 0%, #8E8A8D 50%, #3E3D3F 100%);
    background: -webkit-linear-gradient(top, #DDD8D9 0%, #8E8A8D 50%, #3E3D3F 100%);
    background: linear-gradient(to bottom, #DDD8D9 0%, #8E8A8D 50%, #3E3D3F 100%);
}
</style>