#14894F - #894F14 | colorate

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

Tweet

Blend #14894F to #894F14

#14894F

#894F14

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

RGBブレンド

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

0.0%	0.0% #14894F	RGB 20 137 79	#14894F
16.7%	16.7% #278046	RGB 39 128 70	#278046
33.3%	33.3% #3B763C	RGB 59 118 60	#3B763C
50.0%	50.0% #4E6C32	RGB 78 108 50	#4E6C32
66.7%	66.7% #626328	RGB 98 99 40	#626328
83.3%	83.3% #75591E	RGB 117 89 30	#75591E
100.0%	100.0% #894F14	RGB 137 79 20	#894F14

#14894F #278046 #3B763C #4E6C32 #626328 #75591E #894F14

#14894F - #894F14

HSVブレンド

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

0.0%	0.0% #14894E	RGB 20 137 78	#14894E
16.7%	16.7% #148927	RGB 20 137 39	#148927
33.3%	33.3% #278914	RGB 39 137 20	#278914
50.0%	50.0% #4E8914	RGB 78 137 20	#4E8914
66.7%	66.7% #758914	RGB 117 137 20	#758914
83.3%	83.3% #897614	RGB 137 118 20	#897614
100.0%	100.0% #894F14	RGB 137 79 20	#894F14

#14894E #148927 #278914 #4E8914 #758914 #897614 #894F14

#14894E - #4E8914 - #894F14

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #14894E 0%, #4E8914 50%, #894F14 100%);
    background: -webkit-linear-gradient(top, #14894E 0%, #4E8914 50%, #894F14 100%);
    background: linear-gradient(to bottom, #14894E 0%, #4E8914 50%, #894F14 100%); 
}
</style>