#324136 - #41323D | colorate

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

Tweet

Blend #324136 to #41323D

#324136

#41323D

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

RGBブレンド

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

0.0%	0.0% #324136	RGB 50 65 54	#324136
16.7%	16.7% #343F37	RGB 52 63 55	#343F37
33.3%	33.3% #373C38	RGB 55 60 56	#373C38
50.0%	50.0% #393A39	RGB 57 58 57	#393A39
66.7%	66.7% #3C373A	RGB 60 55 58	#3C373A
83.3%	83.3% #3E353B	RGB 62 53 59	#3E353B
100.0%	100.0% #41323D	RGB 65 50 61	#41323D

#324136 #343F37 #373C38 #393A39 #3C373A #3E353B #41323D

#324136 - #41323D

HSVブレンド

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

0.0%	0.0% #324136	RGB 50 65 54	#324136
16.7%	16.7% #32413D	RGB 50 65 61	#32413D
33.3%	33.3% #323D41	RGB 50 61 65	#323D41
50.0%	50.0% #323541	RGB 50 53 65	#323541
66.7%	66.7% #363241	RGB 54 50 65	#363241
83.3%	83.3% #3D3241	RGB 61 50 65	#3D3241
100.0%	100.0% #41323D	RGB 65 50 61	#41323D

#324136 #32413D #323D41 #323541 #363241 #3D3241 #41323D

#324136 - #323541 - #41323D

CSSコード

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

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