#C5E7EE - #71A1BD | colorate

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

Blend #C5E7EE to #71A1BD

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

RGBブレンド

#C5E7EE - #71A1BD | colorate

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

0.0%	0.0% #C5E7EE	RGB 197 231 238	#C5E7EE
16.7%	16.7% #B7DBE5	RGB 183 219 229	#B7DBE5
33.3%	33.3% #A9CFDD	RGB 169 207 221	#A9CFDD
50.0%	50.0% #9BC4D5	RGB 155 196 213	#9BC4D5
66.7%	66.7% #8DB8CD	RGB 141 184 205	#8DB8CD
83.3%	83.3% #7FACC5	RGB 127 172 197	#7FACC5
100.0%	100.0% #71A1BD	RGB 113 161 189	#71A1BD

#C5E7EE #B7DBE5 #A9CFDD #9BC4D5 #8DB8CD #7FACC5 #71A1BD

#C5E7EE - #71A1BD

HSVブレンド

#C5E7EE - #71A1BD | colorate

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

0.0%	0.0% #C5E7EE	RGB 197 231 238	#C5E7EE
16.7%	16.7% #B5DBE5	RGB 181 219 229	#B5DBE5
33.3%	33.3% #A6D0DD	RGB 166 208 221	#A6D0DD
50.0%	50.0% #98C4D5	RGB 152 196 213	#98C4D5
66.7%	66.7% #8AB9CD	RGB 138 185 205	#8AB9CD
83.3%	83.3% #7DADC5	RGB 125 173 197	#7DADC5
100.0%	100.0% #71A1BD	RGB 113 161 189	#71A1BD

#C5E7EE #B5DBE5 #A6D0DD #98C4D5 #8AB9CD #7DADC5 #71A1BD

#C5E7EE - #98C4D5 - #71A1BD

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E7EE 0%, #98C4D5 50%, #71A1BD 100%);
    background: -webkit-linear-gradient(top, #C5E7EE 0%, #98C4D5 50%, #71A1BD 100%);
    background: linear-gradient(to bottom, #C5E7EE 0%, #98C4D5 50%, #71A1BD 100%);
}
</style>