#325207 - #260752 | colorate

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

Blend #325207 to #260752

#325207

#260752

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

RGBブレンド

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

0.0%	0.0% #325207	RGB 50 82 7	#325207
16.7%	16.7% #304613	RGB 48 70 19	#304613
33.3%	33.3% #2E3920	RGB 46 57 32	#2E3920
50.0%	50.0% #2C2D2C	RGB 44 45 44	#2C2D2C
66.7%	66.7% #2A2039	RGB 42 32 57	#2A2039
83.3%	83.3% #281445	RGB 40 20 69	#281445
100.0%	100.0% #260752	RGB 38 7 82	#260752

#325207 #304613 #2E3920 #2C2D2C #2A2039 #281445 #260752

#325207 - #260752

HSVブレンド

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

0.0%	0.0% #325206	RGB 50 82 6	#325206
16.7%	16.7% #0C5206	RGB 12 82 6	#0C5206
33.3%	33.3% #065226	RGB 6 82 38	#065226
50.0%	50.0% #06524B	RGB 6 82 75	#06524B
66.7%	66.7% #063252	RGB 6 50 82	#063252
83.3%	83.3% #060D52	RGB 6 13 82	#060D52
100.0%	100.0% #250652	RGB 37 6 82	#250652

#325206 #0C5206 #065226 #06524B #063252 #060D52 #250652

#325206 - #06524B - #250652

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #325206 0%, #06524B 50%, #250652 100%);
    background: -webkit-linear-gradient(top, #325206 0%, #06524B 50%, #250652 100%);
    background: linear-gradient(to bottom, #325206 0%, #06524B 50%, #250652 100%); 
}
</style>