#C1D1D7 - #97A5BD | colorate

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

Blend #C1D1D7 to #97A5BD

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

RGBブレンド

#C1D1D7 - #97A5BD | colorate

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

0.0%	0.0% #C1D1D7	RGB 193 209 215	#C1D1D7
16.7%	16.7% #BAC9D2	RGB 186 201 210	#BAC9D2
33.3%	33.3% #B3C2CE	RGB 179 194 206	#B3C2CE
50.0%	50.0% #ACBBCA	RGB 172 187 202	#ACBBCA
66.7%	66.7% #A5B3C5	RGB 165 179 197	#A5B3C5
83.3%	83.3% #9EACC1	RGB 158 172 193	#9EACC1
100.0%	100.0% #97A5BD	RGB 151 165 189	#97A5BD

#C1D1D7 #BAC9D2 #B3C2CE #ACBBCA #A5B3C5 #9EACC1 #97A5BD

#C1D1D7 - #97A5BD

HSVブレンド

#C1D1D7 - #97A5BD | colorate

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

0.0%	0.0% #C1D1D7	RGB 193 209 215	#C1D1D7
16.7%	16.7% #B9CAD2	RGB 185 202 210	#B9CAD2
33.3%	33.3% #B2C3CE	RGB 178 195 206	#B2C3CE
50.0%	50.0% #ABBCCA	RGB 171 188 202	#ABBCCA
66.7%	66.7% #A4B4C5	RGB 164 180 197	#A4B4C5
83.3%	83.3% #9DACC1	RGB 157 172 193	#9DACC1
100.0%	100.0% #97A5BD	RGB 151 165 189	#97A5BD

#C1D1D7 #B9CAD2 #B2C3CE #ABBCCA #A4B4C5 #9DACC1 #97A5BD

#C1D1D7 - #ABBCCA - #97A5BD

CSSコード

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

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