#4A3B6D - #733B79 | colorate

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

Blend #4A3B6D to #733B79

#4A3B6D

#733B79

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

RGBブレンド

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

0.0%	0.0% #4A3B6D	RGB 74 59 109	#4A3B6D
16.7%	16.7% #503B6F	RGB 80 59 111	#503B6F
33.3%	33.3% #573B71	RGB 87 59 113	#573B71
50.0%	50.0% #5E3B73	RGB 94 59 115	#5E3B73
66.7%	66.7% #653B75	RGB 101 59 117	#653B75
83.3%	83.3% #6C3B77	RGB 108 59 119	#6C3B77
100.0%	100.0% #733B79	RGB 115 59 121	#733B79

#4A3B6D #503B6F #573B71 #5E3B73 #653B75 #6C3B77 #733B79

#4A3B6D - #733B79

HSVブレンド

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

0.0%	0.0% #493B6D	RGB 73 59 109	#493B6D
16.7%	16.7% #4F3B6F	RGB 79 59 111	#4F3B6F
33.3%	33.3% #563B71	RGB 86 59 113	#563B71
50.0%	50.0% #5C3B73	RGB 92 59 115	#5C3B73
66.7%	66.7% #633B75	RGB 99 59 117	#633B75
83.3%	83.3% #6B3B77	RGB 107 59 119	#6B3B77
100.0%	100.0% #733B79	RGB 115 59 121	#733B79

#493B6D #4F3B6F #563B71 #5C3B73 #633B75 #6B3B77 #733B79

#493B6D - #5C3B73 - #733B79

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #493B6D 0%, #5C3B73 50%, #733B79 100%);
    background: -webkit-linear-gradient(top, #493B6D 0%, #5C3B73 50%, #733B79 100%);
    background: linear-gradient(to bottom, #493B6D 0%, #5C3B73 50%, #733B79 100%); 
}
</style>