#473040 - #603749 | colorate

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

Blend #473040 to #603749

#473040

#603749

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

RGBブレンド

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

0.0%	0.0% #473040	RGB 71 48 64	#473040
16.7%	16.7% #4B3141	RGB 75 49 65	#4B3141
33.3%	33.3% #4F3243	RGB 79 50 67	#4F3243
50.0%	50.0% #533344	RGB 83 51 68	#533344
66.7%	66.7% #573446	RGB 87 52 70	#573446
83.3%	83.3% #5B3547	RGB 91 53 71	#5B3547
100.0%	100.0% #603749	RGB 96 55 73	#603749

#473040 #4B3141 #4F3243 #533344 #573446 #5B3547 #603749

#473040 - #603749

HSVブレンド

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

0.0%	0.0% #473040	RGB 71 48 64	#473040
16.7%	16.7% #4B3142	RGB 75 49 66	#4B3142
33.3%	33.3% #4F3244	RGB 79 50 68	#4F3244
50.0%	50.0% #533445	RGB 83 52 69	#533445
66.7%	66.7% #573547	RGB 87 53 71	#573547
83.3%	83.3% #5B3648	RGB 91 54 72	#5B3648
100.0%	100.0% #603749	RGB 96 55 73	#603749

#473040 #4B3142 #4F3244 #533445 #573547 #5B3648 #603749

#473040 - #533445 - #603749

CSSコード

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

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