#085713 - #DBE7DC | colorate

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

Blend #085713 to #DBE7DC

#085713

#DBE7DC

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

RGBブレンド

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

0.0%	0.0% #085713	RGB 8 87 19	#085713
16.7%	16.7% #2B6F34	RGB 43 111 52	#2B6F34
33.3%	33.3% #4E8756	RGB 78 135 86	#4E8756
50.0%	50.0% #719F77	RGB 113 159 119	#719F77
66.7%	66.7% #94B799	RGB 148 183 153	#94B799
83.3%	83.3% #B7CFBA	RGB 183 207 186	#B7CFBA
100.0%	100.0% #DBE7DC	RGB 219 231 220	#DBE7DC

#085713 #2B6F34 #4E8756 #719F77 #94B799 #B7CFBA #DBE7DC

#085713 - #DBE7DC

HSVブレンド

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

0.0%	0.0% #085713	RGB 8 87 19	#085713
16.7%	16.7% #1A6F25	RGB 26 111 37	#1A6F25
33.3%	33.3% #32873D	RGB 50 135 61	#32873D
50.0%	50.0% #529F5B	RGB 82 159 91	#529F5B
66.7%	66.7% #79B77F	RGB 121 183 127	#79B77F
83.3%	83.3% #A6CFAA	RGB 166 207 170	#A6CFAA
100.0%	100.0% #DBE7DC	RGB 219 231 220	#DBE7DC

#085713 #1A6F25 #32873D #529F5B #79B77F #A6CFAA #DBE7DC

#085713 - #529F5B - #DBE7DC

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #085713 0%, #529F5B 50%, #DBE7DC 100%);
    background: -webkit-linear-gradient(top, #085713 0%, #529F5B 50%, #DBE7DC 100%);
    background: linear-gradient(to bottom, #085713 0%, #529F5B 50%, #DBE7DC 100%); 
}
</style>