#0154B6 - #B6CEEA | colorate

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

Blend #0154B6 to #B6CEEA

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

RGBブレンド

#0154B6 - #B6CEEA | colorate

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

0.0%	0.0% #0154B6	RGB 1 84 182	#0154B6
16.7%	16.7% #1F68BE	RGB 31 104 190	#1F68BE
33.3%	33.3% #3D7CC7	RGB 61 124 199	#3D7CC7
50.0%	50.0% #5B91D0	RGB 91 145 208	#5B91D0
66.7%	66.7% #79A5D8	RGB 121 165 216	#79A5D8
83.3%	83.3% #97B9E1	RGB 151 185 225	#97B9E1
100.0%	100.0% #B6CEEA	RGB 182 206 234	#B6CEEA

#0154B6 #1F68BE #3D7CC7 #5B91D0 #79A5D8 #97B9E1 #B6CEEA

#0154B6 - #B6CEEA

HSVブレンド

#0154B6 - #B6CEEA | colorate

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

0.0%	0.0% #0154B6	RGB 1 84 182	#0154B6
16.7%	16.7% #1965BE	RGB 25 101 190	#1965BE
33.3%	33.3% #3477C7	RGB 52 119 199	#3477C7
50.0%	50.0% #518BD0	RGB 81 139 208	#518BD0
66.7%	66.7% #70A0D8	RGB 112 160 216	#70A0D8
83.3%	83.3% #92B6E1	RGB 146 182 225	#92B6E1
100.0%	100.0% #B6CEEA	RGB 182 206 234	#B6CEEA

#0154B6 #1965BE #3477C7 #518BD0 #70A0D8 #92B6E1 #B6CEEA

#0154B6 - #518BD0 - #B6CEEA

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0154B6 0%, #518BD0 50%, #B6CEEA 100%);
    background: -webkit-linear-gradient(top, #0154B6 0%, #518BD0 50%, #B6CEEA 100%);
    background: linear-gradient(to bottom, #0154B6 0%, #518BD0 50%, #B6CEEA 100%);
}
</style>