#8F374E - #752421 | colorate

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

Blend #8F374E to #752421

#8F374E

#752421

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

RGBブレンド

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

0.0%	0.0% #8F374E	RGB 143 55 78	#8F374E
16.7%	16.7% #8B3447	RGB 139 52 71	#8B3447
33.3%	33.3% #87313F	RGB 135 49 63	#87313F
50.0%	50.0% #822E38	RGB 130 46 56	#822E38
66.7%	66.7% #7E2B30	RGB 126 43 48	#7E2B30
83.3%	83.3% #7A2829	RGB 122 40 41	#7A2829
100.0%	100.0% #752421	RGB 117 36 33	#752421

#8F374E #8B3447 #87313F #822E38 #7E2B30 #7A2829 #752421

#8F374E - #752421

HSVブレンド

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

0.0%	0.0% #8F374E	RGB 143 55 78	#8F374E
16.7%	16.7% #8A3245	RGB 138 50 69	#8A3245
33.3%	33.3% #862F3D	RGB 134 47 61	#862F3D
50.0%	50.0% #822B35	RGB 130 43 53	#822B35
66.7%	66.7% #7D272D	RGB 125 39 45	#7D272D
83.3%	83.3% #792425	RGB 121 36 37	#792425
100.0%	100.0% #752321	RGB 117 35 33	#752321

#8F374E #8A3245 #862F3D #822B35 #7D272D #792425 #752321

#8F374E - #822B35 - #752321

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #8F374E 0%, #822B35 50%, #752321 100%);
    background: -webkit-linear-gradient(top, #8F374E 0%, #822B35 50%, #752321 100%);
    background: linear-gradient(to bottom, #8F374E 0%, #822B35 50%, #752321 100%); 
}
</style>