#838386 - #DBA4FF | colorate

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

Blend #838386 to #DBA4FF

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

RGBブレンド

#838386 - #DBA4FF | colorate

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

0.0%	0.0% #838386	RGB 131 131 134	#838386
16.7%	16.7% #91889A	RGB 145 136 154	#91889A
33.3%	33.3% #A08EAE	RGB 160 142 174	#A08EAE
50.0%	50.0% #AF93C2	RGB 175 147 194	#AF93C2
66.7%	66.7% #BD99D6	RGB 189 153 214	#BD99D6
83.3%	83.3% #CC9EEA	RGB 204 158 234	#CC9EEA
100.0%	100.0% #DBA4FF	RGB 219 164 255	#DBA4FF

#838386 #91889A #A08EAE #AF93C2 #BD99D6 #CC9EEA #DBA4FF

#838386 - #DBA4FF

HSVブレンド

#838386 - #DBA4FF | colorate

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

0.0%	0.0% #838386	RGB 131 131 134	#838386
16.7%	16.7% #8F8E9A	RGB 143 142 154	#8F8E9A
33.3%	33.3% #9B96AE	RGB 155 150 174	#9B96AE
50.0%	50.0% #A89DC2	RGB 168 157 194	#A89DC2
66.7%	66.7% #B7A1D6	RGB 183 161 214	#B7A1D6
83.3%	83.3% #C7A4EA	RGB 199 164 234	#C7A4EA
100.0%	100.0% #DBA4FF	RGB 219 164 255	#DBA4FF

#838386 #8F8E9A #9B96AE #A89DC2 #B7A1D6 #C7A4EA #DBA4FF

#838386 - #A89DC2 - #DBA4FF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #838386 0%, #A89DC2 50%, #DBA4FF 100%);
    background: -webkit-linear-gradient(top, #838386 0%, #A89DC2 50%, #DBA4FF 100%);
    background: linear-gradient(to bottom, #838386 0%, #A89DC2 50%, #DBA4FF 100%);
}
</style>