#904752 - #140A0C | colorate

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

Blend #904752 to #140A0C

#904752

#140A0C

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

RGBブレンド

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

0.0%	0.0% #904752	RGB 144 71 82	#904752
16.7%	16.7% #7C3D47	RGB 124 61 71	#7C3D47
33.3%	33.3% #67333B	RGB 103 51 59	#67333B
50.0%	50.0% #52292F	RGB 82 41 47	#52292F
66.7%	66.7% #3E1F24	RGB 62 31 36	#3E1F24
83.3%	83.3% #291518	RGB 41 21 24	#291518
100.0%	100.0% #140A0C	RGB 20 10 12	#140A0C

#904752 #7C3D47 #67333B #52292F #3E1F24 #291518 #140A0C

#904752 - #140A0C

HSVブレンド

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

0.0%	0.0% #904752	RGB 144 71 82	#904752
16.7%	16.7% #7B3C46	RGB 123 60 70	#7B3C46
33.3%	33.3% #66323B	RGB 102 50 59	#66323B
50.0%	50.0% #52282F	RGB 82 40 47	#52282F
66.7%	66.7% #3D1E24	RGB 61 30 36	#3D1E24
83.3%	83.3% #281418	RGB 40 20 24	#281418
100.0%	100.0% #140A0C	RGB 20 10 12	#140A0C

#904752 #7B3C46 #66323B #52282F #3D1E24 #281418 #140A0C

#904752 - #52282F - #140A0C

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #904752 0%, #52282F 50%, #140A0C 100%);
    background: -webkit-linear-gradient(top, #904752 0%, #52282F 50%, #140A0C 100%);
    background: linear-gradient(to bottom, #904752 0%, #52282F 50%, #140A0C 100%); 
}
</style>