#6B634D - #838452 | colorate

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

Blend #6B634D to #838452

#6B634D

#838452

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

RGBブレンド

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

0.0%	0.0% #6B634D	RGB 107 99 77	#6B634D
16.7%	16.7% #6F684D	RGB 111 104 77	#6F684D
33.3%	33.3% #736E4E	RGB 115 110 78	#736E4E
50.0%	50.0% #77734F	RGB 119 115 79	#77734F
66.7%	66.7% #7B7950	RGB 123 121 80	#7B7950
83.3%	83.3% #7F7E51	RGB 127 126 81	#7F7E51
100.0%	100.0% #838452	RGB 131 132 82	#838452

#6B634D #6F684D #736E4E #77734F #7B7950 #7F7E51 #838452

#6B634D - #838452

HSVブレンド

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

0.0%	0.0% #6B634D	RGB 107 99 77	#6B634D
16.7%	16.7% #6F674E	RGB 111 103 78	#6F674E
33.3%	33.3% #736D4F	RGB 115 109 79	#736D4F
50.0%	50.0% #777250	RGB 119 114 80	#777250
66.7%	66.7% #7B7850	RGB 123 120 80	#7B7850
83.3%	83.3% #7F7E51	RGB 127 126 81	#7F7E51
100.0%	100.0% #838452	RGB 131 132 82	#838452

#6B634D #6F674E #736D4F #777250 #7B7850 #7F7E51 #838452

#6B634D - #777250 - #838452

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #6B634D 0%, #777250 50%, #838452 100%);
    background: -webkit-linear-gradient(top, #6B634D 0%, #777250 50%, #838452 100%);
    background: linear-gradient(to bottom, #6B634D 0%, #777250 50%, #838452 100%); 
}
</style>