#162C37 - #BCC2C5 | colorate

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

Blend #162C37 to #BCC2C5

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

RGBブレンド

#162C37 - #BCC2C5 | colorate

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

0.0%	0.0% #162C37	RGB 22 44 55	#162C37
16.7%	16.7% #31454E	RGB 49 69 78	#31454E
33.3%	33.3% #4D5E66	RGB 77 94 102	#4D5E66
50.0%	50.0% #69777E	RGB 105 119 126	#69777E
66.7%	66.7% #849095	RGB 132 144 149	#849095
83.3%	83.3% #A0A9AD	RGB 160 169 173	#A0A9AD
100.0%	100.0% #BCC2C5	RGB 188 194 197	#BCC2C5

#162C37 #31454E #4D5E66 #69777E #849095 #A0A9AD #BCC2C5

#162C37 - #BCC2C5

HSVブレンド

#162C37 - #BCC2C5 | colorate

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

0.0%	0.0% #162B37	RGB 22 43 55	#162B37
16.7%	16.7% #26414E	RGB 38 65 78	#26414E
33.3%	33.3% #3B5866	RGB 59 88 102	#3B5866
50.0%	50.0% #55707E	RGB 85 112 126	#55707E
66.7%	66.7% #738A95	RGB 115 138 149	#738A95
83.3%	83.3% #95A5AD	RGB 149 165 173	#95A5AD
100.0%	100.0% #BCC2C5	RGB 188 194 197	#BCC2C5

#162B37 #26414E #3B5866 #55707E #738A95 #95A5AD #BCC2C5

#162C37 - #55707E - #BCC2C5

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #162B37 0%, #55707E 50%, #BCC2C5 100%);
    background: -webkit-linear-gradient(top, #162B37 0%, #55707E 50%, #BCC2C5 100%);
    background: linear-gradient(to bottom, #162B37 0%, #55707E 50%, #BCC2C5 100%);
}
</style>