#080C57 - #DBDCE7 | colorate

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

Blend #080C57 to #DBDCE7

#080C57

#DBDCE7

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

RGBブレンド

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

0.0%	0.0% #080C57	RGB 8 12 87	#080C57
16.7%	16.7% #2B2E6F	RGB 43 46 111	#2B2E6F
33.3%	33.3% #4E5187	RGB 78 81 135	#4E5187
50.0%	50.0% #71749F	RGB 113 116 159	#71749F
66.7%	66.7% #9496B7	RGB 148 150 183	#9496B7
83.3%	83.3% #B7B9CF	RGB 183 185 207	#B7B9CF
100.0%	100.0% #DBDCE7	RGB 219 220 231	#DBDCE7

#080C57 #2B2E6F #4E5187 #71749F #9496B7 #B7B9CF #DBDCE7

#080C57 - #DBDCE7

HSVブレンド

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

0.0%	0.0% #080B57	RGB 8 11 87	#080B57
16.7%	16.7% #1A1E6F	RGB 26 30 111	#1A1E6F
33.3%	33.3% #323887	RGB 50 56 135	#323887
50.0%	50.0% #52579F	RGB 82 87 159	#52579F
66.7%	66.7% #797DB7	RGB 121 125 183	#797DB7
83.3%	83.3% #A6A9CF	RGB 166 169 207	#A6A9CF
100.0%	100.0% #DBDCE7	RGB 219 220 231	#DBDCE7

#080B57 #1A1E6F #323887 #52579F #797DB7 #A6A9CF #DBDCE7

#080B57 - #52579F - #DBDCE7

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #080B57 0%, #52579F 50%, #DBDCE7 100%);
    background: -webkit-linear-gradient(top, #080B57 0%, #52579F 50%, #DBDCE7 100%);
    background: linear-gradient(to bottom, #080B57 0%, #52579F 50%, #DBDCE7 100%); 
}
</style>