#A4ADD3 - #837DB9 | colorate

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

Blend #A4ADD3 to #837DB9

#A4ADD3

#837DB9

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

RGBブレンド

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

0.0%	0.0% #A4ADD3	RGB 164 173 211	#A4ADD3
16.7%	16.7% #9FA5CF	RGB 159 165 207	#9FA5CF
33.3%	33.3% #999DCB	RGB 153 157 203	#999DCB
50.0%	50.0% #9495C6	RGB 148 149 198	#9495C6
66.7%	66.7% #8E8DC2	RGB 142 141 194	#8E8DC2
83.3%	83.3% #8985BE	RGB 137 133 190	#8985BE
100.0%	100.0% #837DB9	RGB 131 125 185	#837DB9

#A4ADD3 #9FA5CF #999DCB #9495C6 #8E8DC2 #8985BE #837DB9

#A4ADD3 - #837DB9

HSVブレンド

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

0.0%	0.0% #A4ADD3	RGB 164 173 211	#A4ADD3
16.7%	16.7% #9DA4CE	RGB 157 164 206	#9DA4CE
33.3%	33.3% #969BCA	RGB 150 155 202	#969BCA
50.0%	50.0% #8F92C6	RGB 143 146 198	#8F92C6
66.7%	66.7% #8989C1	RGB 137 137 193	#8989C1
83.3%	83.3% #8683BD	RGB 134 131 189	#8683BD
100.0%	100.0% #837DB9	RGB 131 125 185	#837DB9

#A4ADD3 #9DA4CE #969BCA #8F92C6 #8989C1 #8683BD #837DB9

#A4ADD3 - #8F92C6 - #837DB9

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #A4ADD3 0%, #8F92C6 50%, #837DB9 100%);
    background: -webkit-linear-gradient(top, #A4ADD3 0%, #8F92C6 50%, #837DB9 100%);
    background: linear-gradient(to bottom, #A4ADD3 0%, #8F92C6 50%, #837DB9 100%); 
}
</style>