#0E2D3D - #BAC1C7 | colorate

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

Blend #0E2D3D to #BAC1C7

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

RGBブレンド

#0E2D3D - #BAC1C7 | colorate

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

0.0%	0.0% #0E2D3D	RGB 14 45 61	#0E2D3D
16.7%	16.7% #2A4554	RGB 42 69 84	#2A4554
33.3%	33.3% #475E6B	RGB 71 94 107	#475E6B
50.0%	50.0% #647782	RGB 100 119 130	#647782
66.7%	66.7% #808F99	RGB 128 143 153	#808F99
83.3%	83.3% #9DA8B0	RGB 157 168 176	#9DA8B0
100.0%	100.0% #BAC1C7	RGB 186 193 199	#BAC1C7

#0E2D3D #2A4554 #475E6B #647782 #808F99 #9DA8B0 #BAC1C7

#0E2D3D - #BAC1C7

HSVブレンド

#0E2D3D - #BAC1C7 | colorate

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

0.0%	0.0% #0E2D3D	RGB 14 45 61	#0E2D3D
16.7%	16.7% #1D4054	RGB 29 64 84	#1D4054
33.3%	33.3% #31556B	RGB 49 85 107	#31556B
50.0%	50.0% #4B6C82	RGB 75 108 130	#4B6C82
66.7%	66.7% #6B8599	RGB 107 133 153	#6B8599
83.3%	83.3% #8FA1B0	RGB 143 161 176	#8FA1B0
100.0%	100.0% #BAC1C7	RGB 186 193 199	#BAC1C7

#0E2D3D #1D4054 #31556B #4B6C82 #6B8599 #8FA1B0 #BAC1C7

#0E2D3D - #4B6C82 - #BAC1C7

CSSコード

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

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