#8F676F - #140E0F | colorate

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

Blend #8F676F to #140E0F

#8F676F

#140E0F

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

RGBブレンド

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

0.0%	0.0% #8F676F	RGB 143 103 111	#8F676F
16.7%	16.7% #7B595F	RGB 123 89 95	#7B595F
33.3%	33.3% #664A4F	RGB 102 74 79	#664A4F
50.0%	50.0% #523B3F	RGB 82 59 63	#523B3F
66.7%	66.7% #3D2C2F	RGB 61 44 47	#3D2C2F
83.3%	83.3% #291D1F	RGB 41 29 31	#291D1F
100.0%	100.0% #140E0F	RGB 20 14 15	#140E0F

#8F676F #7B595F #664A4F #523B3F #3D2C2F #291D1F #140E0F

#8F676F - #140E0F

HSVブレンド

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

0.0%	0.0% #8F676F	RGB 143 103 111	#8F676F
16.7%	16.7% #7A575E	RGB 122 87 94	#7A575E
33.3%	33.3% #66484E	RGB 102 72 78	#66484E
50.0%	50.0% #51393E	RGB 81 57 62	#51393E
66.7%	66.7% #3D2B2E	RGB 61 43 46	#3D2B2E
83.3%	83.3% #281C1E	RGB 40 28 30	#281C1E
100.0%	100.0% #140E0F	RGB 20 14 15	#140E0F

#8F676F #7A575E #66484E #51393E #3D2B2E #281C1E #140E0F

#8F676F - #51393E - #140E0F

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #8F676F 0%, #51393E 50%, #140E0F 100%);
    background: -webkit-linear-gradient(top, #8F676F 0%, #51393E 50%, #140E0F 100%);
    background: linear-gradient(to bottom, #8F676F 0%, #51393E 50%, #140E0F 100%); 
}
</style>