#038F52 - #DBEFE7 | colorate

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

Blend #038F52 to #DBEFE7

#038F52

#DBEFE7

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

RGBブレンド

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

0.0%	0.0% #038F52	RGB 3 143 82	#038F52
16.7%	16.7% #279F6A	RGB 39 159 106	#279F6A
33.3%	33.3% #4BAF83	RGB 75 175 131	#4BAF83
50.0%	50.0% #6FBF9C	RGB 111 191 156	#6FBF9C
66.7%	66.7% #93CFB5	RGB 147 207 181	#93CFB5
83.3%	83.3% #B7DFCE	RGB 183 223 206	#B7DFCE
100.0%	100.0% #DBEFE7	RGB 219 239 231	#DBEFE7

#038F52 #279F6A #4BAF83 #6FBF9C #93CFB5 #B7DFCE #DBEFE7

#038F52 - #DBEFE7

HSVブレンド

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

0.0%	0.0% #038F52	RGB 3 143 82	#038F52
16.7%	16.7% #1B9F66	RGB 27 159 102	#1B9F66
33.3%	33.3% #37AF7C	RGB 55 175 124	#37AF7C
50.0%	50.0% #59BF94	RGB 89 191 148	#59BF94
66.7%	66.7% #7FCFAE	RGB 127 207 174	#7FCFAE
83.3%	83.3% #ABDFC9	RGB 171 223 201	#ABDFC9
100.0%	100.0% #DBEFE7	RGB 219 239 231	#DBEFE7

#038F52 #1B9F66 #37AF7C #59BF94 #7FCFAE #ABDFC9 #DBEFE7

#038F52 - #59BF94 - #DBEFE7

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #038F52 0%, #59BF94 50%, #DBEFE7 100%);
    background: -webkit-linear-gradient(top, #038F52 0%, #59BF94 50%, #DBEFE7 100%);
    background: linear-gradient(to bottom, #038F52 0%, #59BF94 50%, #DBEFE7 100%); 
}
</style>