#823C41 - #683325 | colorate

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

Blend #823C41 to #683325

#823C41

#683325

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

RGBブレンド

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

0.0%	0.0% #823C41	RGB 130 60 65	#823C41
16.7%	16.7% #7E3B3D	RGB 126 59 61	#7E3B3D
33.3%	33.3% #7A3938	RGB 122 57 56	#7A3938
50.0%	50.0% #753833	RGB 117 56 51	#753833
66.7%	66.7% #71362F	RGB 113 54 47	#71362F
83.3%	83.3% #6D352A	RGB 109 53 42	#6D352A
100.0%	100.0% #683325	RGB 104 51 37	#683325

#823C41 #7E3B3D #7A3938 #753833 #71362F #6D352A #683325

#823C41 - #683325

HSVブレンド

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

0.0%	0.0% #823C41	RGB 130 60 65	#823C41
16.7%	16.7% #7D3739	RGB 125 55 57	#7D3739
33.3%	33.3% #793533	RGB 121 53 51	#793533
50.0%	50.0% #75342F	RGB 117 52 47	#75342F
66.7%	66.7% #70332C	RGB 112 51 44	#70332C
83.3%	83.3% #6C3328	RGB 108 51 40	#6C3328
100.0%	100.0% #683225	RGB 104 50 37	#683225

#823C41 #7D3739 #793533 #75342F #70332C #6C3328 #683225

#823C41 - #75342F - #683225

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #823C41 0%, #75342F 50%, #683225 100%);
    background: -webkit-linear-gradient(top, #823C41 0%, #75342F 50%, #683225 100%);
    background: linear-gradient(to bottom, #823C41 0%, #75342F 50%, #683225 100%); 
}
</style>