#32352E - #2E3235 | colorate

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

Blend #32352E to #2E3235

#32352E

#2E3235

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

RGBブレンド

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

0.0%	0.0% #32352E	RGB 50 53 46	#32352E
16.7%	16.7% #32352F	RGB 50 53 47	#32352F
33.3%	33.3% #313430	RGB 49 52 48	#313430
50.0%	50.0% #303431	RGB 48 52 49	#303431
66.7%	66.7% #303332	RGB 48 51 50	#303332
83.3%	83.3% #2F3333	RGB 47 51 51	#2F3333
100.0%	100.0% #2E3235	RGB 46 50 53	#2E3235

#32352E #32352F #313430 #303431 #303332 #2F3333 #2E3235

#32352E - #2E3235

HSVブレンド

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

0.0%	0.0% #32352E	RGB 50 53 46	#32352E
16.7%	16.7% #2F352E	RGB 47 53 46	#2F352E
33.3%	33.3% #2E352E	RGB 46 53 46	#2E352E
50.0%	50.0% #2E3531	RGB 46 53 49	#2E3531
66.7%	66.7% #2E3533	RGB 46 53 51	#2E3533
83.3%	83.3% #2E3435	RGB 46 52 53	#2E3435
100.0%	100.0% #2E3235	RGB 46 50 53	#2E3235

#32352E #2F352E #2E352E #2E3531 #2E3533 #2E3435 #2E3235

#32352E - #2E3531 - #2E3235

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #32352E 0%, #2E3531 50%, #2E3235 100%);
    background: -webkit-linear-gradient(top, #32352E 0%, #2E3531 50%, #2E3235 100%);
    background: linear-gradient(to bottom, #32352E 0%, #2E3531 50%, #2E3235 100%); 
}
</style>