#DEE1EB - #859DB5 | colorate

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

Blend #DEE1EB to #859DB5

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

RGBブレンド

#DEE1EB - #859DB5 | colorate

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

0.0%	0.0% #DEE1EB	RGB 222 225 235	#DEE1EB
16.7%	16.7% #CFD5E2	RGB 207 213 226	#CFD5E2
33.3%	33.3% #C0CAD9	RGB 192 202 217	#C0CAD9
50.0%	50.0% #B1BFD0	RGB 177 191 208	#B1BFD0
66.7%	66.7% #A2B3C7	RGB 162 179 199	#A2B3C7
83.3%	83.3% #93A8BE	RGB 147 168 190	#93A8BE
100.0%	100.0% #859DB5	RGB 133 157 181	#859DB5

#DEE1EB #CFD5E2 #C0CAD9 #B1BFD0 #A2B3C7 #93A8BE #859DB5

#DEE1EB - #859DB5

HSVブレンド

#DEE1EB - #859DB5 | colorate

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

0.0%	0.0% #DEE1EB	RGB 222 225 235	#DEE1EB
16.7%	16.7% #CDD3E2	RGB 205 211 226	#CDD3E2
33.3%	33.3% #BDC6D9	RGB 189 198 217	#BDC6D9
50.0%	50.0% #AEBAD0	RGB 174 186 208	#AEBAD0
66.7%	66.7% #A0B0C7	RGB 160 176 199	#A0B0C7
83.3%	83.3% #92A6BE	RGB 146 166 190	#92A6BE
100.0%	100.0% #859DB5	RGB 133 157 181	#859DB5

#DEE1EB #CDD3E2 #BDC6D9 #AEBAD0 #A0B0C7 #92A6BE #859DB5

#DEE1EB - #AEBAD0 - #859DB5

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DEE1EB 0%, #AEBAD0 50%, #859DB5 100%);
    background: -webkit-linear-gradient(top, #DEE1EB 0%, #AEBAD0 50%, #859DB5 100%);
    background: linear-gradient(to bottom, #DEE1EB 0%, #AEBAD0 50%, #859DB5 100%);
}
</style>