#411514 - #144041 | colorate

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

Tweet

Blend #411514 to #144041

#411514

#144041

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

RGBブレンド

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

0.0%	0.0% #411514	RGB 65 21 20	#411514
16.7%	16.7% #3A1C1B	RGB 58 28 27	#3A1C1B
33.3%	33.3% #322323	RGB 50 35 35	#322323
50.0%	50.0% #2B2A2A	RGB 43 42 42	#2B2A2A
66.7%	66.7% #233132	RGB 35 49 50	#233132
83.3%	83.3% #1C3839	RGB 28 56 57	#1C3839
100.0%	100.0% #144041	RGB 20 64 65	#144041

#411514 #3A1C1B #322323 #2B2A2A #233132 #1C3839 #144041

#411514 - #144041

HSVブレンド

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

0.0%	0.0% #411514	RGB 65 21 20	#411514
16.7%	16.7% #412B14	RGB 65 43 20	#412B14
33.3%	33.3% #404114	RGB 64 65 20	#404114
50.0%	50.0% #294114	RGB 41 65 20	#294114
66.7%	66.7% #144114	RGB 20 65 20	#144114
83.3%	83.3% #14412B	RGB 20 65 43	#14412B
100.0%	100.0% #144041	RGB 20 64 65	#144041

#411514 #412B14 #404114 #294114 #144114 #14412B #144041

#411514 - #294114 - #144041

CSSコード

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

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