#A397FF - #151524 | colorate

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

Blend #A397FF to #151524

#A397FF

#151524

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

RGBブレンド

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

0.0%	0.0% #A397FF	RGB 163 151 255	#A397FF
16.7%	16.7% #8C82DB	RGB 140 130 219	#8C82DB
33.3%	33.3% #746CB6	RGB 116 108 182	#746CB6
50.0%	50.0% #5C5692	RGB 92 86 146	#5C5692
66.7%	66.7% #45416D	RGB 69 65 109	#45416D
83.3%	83.3% #2D2B49	RGB 45 43 73	#2D2B49
100.0%	100.0% #151524	RGB 21 21 36	#151524

#A397FF #8C82DB #746CB6 #5C5692 #45416D #2D2B49 #151524

#A397FF - #151524

HSVブレンド

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

0.0%	0.0% #A297FF	RGB 162 151 255	#A297FF
16.7%	16.7% #8981DA	RGB 137 129 218	#8981DA
33.3%	33.3% #706BB6	RGB 112 107 182	#706BB6
50.0%	50.0% #585591	RGB 88 85 145	#585591
66.7%	66.7% #413F6D	RGB 65 63 109	#413F6D
83.3%	83.3% #2A2A48	RGB 42 42 72	#2A2A48
100.0%	100.0% #151524	RGB 21 21 36	#151524

#A297FF #8981DA #706BB6 #585591 #413F6D #2A2A48 #151524

#A297FF - #585591 - #151524

CSSコード

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

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