#28271A - #28341F | colorate

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

Blend #28271A to #28341F

#28271A

#28341F

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

RGBブレンド

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

0.0%	0.0% #28271A	RGB 40 39 26	#28271A
16.7%	16.7% #28291A	RGB 40 41 26	#28291A
33.3%	33.3% #282B1B	RGB 40 43 27	#282B1B
50.0%	50.0% #282D1C	RGB 40 45 28	#282D1C
66.7%	66.7% #282F1D	RGB 40 47 29	#282F1D
83.3%	83.3% #28311E	RGB 40 49 30	#28311E
100.0%	100.0% #28341F	RGB 40 52 31	#28341F

#28271A #28291A #282B1B #282D1C #282F1D #28311E #28341F

#28271A - #28341F

HSVブレンド

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

0.0%	0.0% #28271A	RGB 40 39 26	#28271A
16.7%	16.7% #292A1A	RGB 41 42 26	#292A1A
33.3%	33.3% #292C1B	RGB 41 44 27	#292C1B
50.0%	50.0% #292E1C	RGB 41 46 28	#292E1C
66.7%	66.7% #29301D	RGB 41 48 29	#29301D
83.3%	83.3% #28321E	RGB 40 50 30	#28321E
100.0%	100.0% #28341F	RGB 40 52 31	#28341F

#28271A #292A1A #292C1B #292E1C #29301D #28321E #28341F

#28271A - #292E1C - #28341F

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #28271A 0%, #292E1C 50%, #28341F 100%);
    background: -webkit-linear-gradient(top, #28271A 0%, #292E1C 50%, #28341F 100%);
    background: linear-gradient(to bottom, #28271A 0%, #292E1C 50%, #28341F 100%); 
}
</style>