#03238F - #DBDFEF | colorate

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

Blend #03238F to #DBDFEF

#03238F

#DBDFEF

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

RGBブレンド

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

0.0%	0.0% #03238F	RGB 3 35 143	#03238F
16.7%	16.7% #27429F	RGB 39 66 159	#27429F
33.3%	33.3% #4B61AF	RGB 75 97 175	#4B61AF
50.0%	50.0% #6F81BF	RGB 111 129 191	#6F81BF
66.7%	66.7% #93A0CF	RGB 147 160 207	#93A0CF
83.3%	83.3% #B7BFDF	RGB 183 191 223	#B7BFDF
100.0%	100.0% #DBDFEF	RGB 219 223 239	#DBDFEF

#03238F #27429F #4B61AF #6F81BF #93A0CF #B7BFDF #DBDFEF

#03238F - #DBDFEF

HSVブレンド

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

0.0%	0.0% #03228F	RGB 3 34 143	#03228F
16.7%	16.7% #1B389F	RGB 27 56 159	#1B389F
33.3%	33.3% #3751AF	RGB 55 81 175	#3751AF
50.0%	50.0% #596FBF	RGB 89 111 191	#596FBF
66.7%	66.7% #7F90CF	RGB 127 144 207	#7F90CF
83.3%	83.3% #ABB5DF	RGB 171 181 223	#ABB5DF
100.0%	100.0% #DBDFEF	RGB 219 223 239	#DBDFEF

#03228F #1B389F #3751AF #596FBF #7F90CF #ABB5DF #DBDFEF

#03228F - #596FBF - #DBDFEF

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #03228F 0%, #596FBF 50%, #DBDFEF 100%);
    background: -webkit-linear-gradient(top, #03228F 0%, #596FBF 50%, #DBDFEF 100%);
    background: linear-gradient(to bottom, #03228F 0%, #596FBF 50%, #DBDFEF 100%); 
}
</style>