#C5DAC2 - #DFDADA | colorate

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

Blend #C5DAC2 to #DFDADA

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

RGBブレンド

#C5DAC2 - #DFDADA | colorate

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

0.0%	0.0% #C5DAC2	RGB 197 218 194	#C5DAC2
16.7%	16.7% #C9DAC6	RGB 201 218 198	#C9DAC6
33.3%	33.3% #CDDACA	RGB 205 218 202	#CDDACA
50.0%	50.0% #D2DACE	RGB 210 218 206	#D2DACE
66.7%	66.7% #D6DAD2	RGB 214 218 210	#D6DAD2
83.3%	83.3% #DADAD6	RGB 218 218 214	#DADAD6
100.0%	100.0% #DFDADA	RGB 223 218 218	#DFDADA

#C5DAC2 #C9DAC6 #CDDACA #D2DACE #D6DAD2 #DADAD6 #DFDADA

#C5DAC2 - #DFDADA

HSVブレンド

#C5DAC2 - #DFDADA | colorate

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

0.0%	0.0% #C5DAC2	RGB 197 218 194	#C5DAC2
16.7%	16.7% #CFDAC5	RGB 207 218 197	#CFDAC5
33.3%	33.3% #D7DBC9	RGB 215 219 201	#D7DBC9
50.0%	50.0% #DCDBCD	RGB 220 219 205	#DCDBCD
66.7%	66.7% #DDD9D1	RGB 221 217 209	#DDD9D1
83.3%	83.3% #DED8D5	RGB 222 216 213	#DED8D5
100.0%	100.0% #DFDADA	RGB 223 218 218	#DFDADA

#C5DAC2 #CFDAC5 #D7DBC9 #DCDBCD #DDD9D1 #DED8D5 #DFDADA

#C5DAC2 - #DCDBCD - #DFDADA

CSSコード

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

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