#3B5E84 - #C7D1DB | colorate

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

Blend #3B5E84 to #C7D1DB

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

RGBブレンド

#3B5E84 - #C7D1DB | colorate

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

0.0%	0.0% #3B5E84	RGB 59 94 132	#3B5E84
16.7%	16.7% #527192	RGB 82 113 146	#527192
33.3%	33.3% #6984A1	RGB 105 132 161	#6984A1
50.0%	50.0% #8197AF	RGB 129 151 175	#8197AF
66.7%	66.7% #98AABE	RGB 152 170 190	#98AABE
83.3%	83.3% #AFBDCC	RGB 175 189 204	#AFBDCC
100.0%	100.0% #C7D1DB	RGB 199 209 219	#C7D1DB

#3B5E84 #527192 #6984A1 #8197AF #98AABE #AFBDCC #C7D1DB

#3B5E84 - #C7D1DB

HSVブレンド

#3B5E84 - #C7D1DB | colorate

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

0.0%	0.0% #3B5D84	RGB 59 93 132	#3B5D84
16.7%	16.7% #4C6E92	RGB 76 110 146	#4C6E92
33.3%	33.3% #607FA1	RGB 96 127 161	#607FA1
50.0%	50.0% #7692AF	RGB 118 146 175	#7692AF
66.7%	66.7% #8FA6BE	RGB 143 166 190	#8FA6BE
83.3%	83.3% #AABBCC	RGB 170 187 204	#AABBCC
100.0%	100.0% #C7D1DB	RGB 199 209 219	#C7D1DB

#3B5D84 #4C6E92 #607FA1 #7692AF #8FA6BE #AABBCC #C7D1DB

#3B5E84 - #7692AF - #C7D1DB

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5D84 0%, #7692AF 50%, #C7D1DB 100%);
    background: -webkit-linear-gradient(top, #3B5D84 0%, #7692AF 50%, #C7D1DB 100%);
    background: linear-gradient(to bottom, #3B5D84 0%, #7692AF 50%, #C7D1DB 100%);
}
</style>