#CACACF - #D9DFF0 | colorate

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

Blend #CACACF to #D9DFF0

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

RGBブレンド

#CACACF - #D9DFF0 | colorate

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

0.0%	0.0% #CACACF	RGB 202 202 207	#CACACF
16.7%	16.7% #CCCDD4	RGB 204 205 212	#CCCDD4
33.3%	33.3% #CFD1DA	RGB 207 209 218	#CFD1DA
50.0%	50.0% #D1D4DF	RGB 209 212 223	#D1D4DF
66.7%	66.7% #D4D8E5	RGB 212 216 229	#D4D8E5
83.3%	83.3% #D6DBEA	RGB 214 219 234	#D6DBEA
100.0%	100.0% #D9DFF0	RGB 217 223 240	#D9DFF0

#CACACF #CCCDD4 #CFD1DA #D1D4DF #D4D8E5 #D6DBEA #D9DFF0

#CACACF - #D9DFF0

HSVブレンド

#CACACF - #D9DFF0 | colorate

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

0.0%	0.0% #CACACF	RGB 202 202 207	#CACACF
16.7%	16.7% #CCCDD4	RGB 204 205 212	#CCCDD4
33.3%	33.3% #CFD0DA	RGB 207 208 218	#CFD0DA
50.0%	50.0% #D2D3DF	RGB 210 211 223	#D2D3DF
66.7%	66.7% #D4D7E5	RGB 212 215 229	#D4D7E5
83.3%	83.3% #D6DBEA	RGB 214 219 234	#D6DBEA
100.0%	100.0% #D9DFF0	RGB 217 223 240	#D9DFF0

#CACACF #CCCDD4 #CFD0DA #D2D3DF #D4D7E5 #D6DBEA #D9DFF0

#CACACF - #D2D3DF - #D9DFF0

CSSコード

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

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