#C9C3CD - #DFD0FF | colorate

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

Blend #C9C3CD to #DFD0FF

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

RGBブレンド

#C9C3CD - #DFD0FF | colorate

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

0.0%	0.0% #C9C3CD	RGB 201 195 205	#C9C3CD
16.7%	16.7% #CCC5D5	RGB 204 197 213	#CCC5D5
33.3%	33.3% #D0C7DD	RGB 208 199 221	#D0C7DD
50.0%	50.0% #D4C9E6	RGB 212 201 230	#D4C9E6
66.7%	66.7% #D7CBEE	RGB 215 203 238	#D7CBEE
83.3%	83.3% #DBCDF6	RGB 219 205 246	#DBCDF6
100.0%	100.0% #DFD0FF	RGB 223 208 255	#DFD0FF

#C9C3CD #CCC5D5 #D0C7DD #D4C9E6 #D7CBEE #DBCDF6 #DFD0FF

#C9C3CD - #DFD0FF

HSVブレンド

#C9C3CD - #DFD0FF | colorate

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

0.0%	0.0% #C9C3CD	RGB 201 195 205	#C9C3CD
16.7%	16.7% #CEC6D5	RGB 206 198 213	#CEC6D5
33.3%	33.3% #D3C8DD	RGB 211 200 221	#D3C8DD
50.0%	50.0% #D7CBE6	RGB 215 203 230	#D7CBE6
66.7%	66.7% #DACDEE	RGB 218 205 238	#DACDEE
83.3%	83.3% #DDCEF6	RGB 221 206 246	#DDCEF6
100.0%	100.0% #DFD0FF	RGB 223 208 255	#DFD0FF

#C9C3CD #CEC6D5 #D3C8DD #D7CBE6 #DACDEE #DDCEF6 #DFD0FF

#C9C3CD - #D7CBE6 - #DFD0FF

CSSコード

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

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