#8F3D77 - #EFE3EB | colorate

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

Blend #8F3D77 to #EFE3EB

#8F3D77

#EFE3EB

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

RGBブレンド

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

0.0%	0.0% #8F3D77	RGB 143 61 119	#8F3D77
16.7%	16.7% #9F588A	RGB 159 88 138	#9F588A
33.3%	33.3% #AF749D	RGB 175 116 157	#AF749D
50.0%	50.0% #BF90B1	RGB 191 144 177	#BF90B1
66.7%	66.7% #CFABC4	RGB 207 171 196	#CFABC4
83.3%	83.3% #DFC7D7	RGB 223 199 215	#DFC7D7
100.0%	100.0% #EFE3EB	RGB 239 227 235	#EFE3EB

#8F3D77 #9F588A #AF749D #BF90B1 #CFABC4 #DFC7D7 #EFE3EB

#8F3D77 - #EFE3EB

HSVブレンド

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

0.0%	0.0% #8F3D77	RGB 143 61 119	#8F3D77
16.7%	16.7% #9F5187	RGB 159 81 135	#9F5187
33.3%	33.3% #AF6999	RGB 175 105 153	#AF6999
50.0%	50.0% #BF83AC	RGB 191 131 172	#BF83AC
66.7%	66.7% #CFA0C0	RGB 207 160 192	#CFA0C0
83.3%	83.3% #DFC0D4	RGB 223 192 212	#DFC0D4
100.0%	100.0% #EFE3EB	RGB 239 227 235	#EFE3EB

#8F3D77 #9F5187 #AF6999 #BF83AC #CFA0C0 #DFC0D4 #EFE3EB

#8F3D77 - #BF83AC - #EFE3EB

CSSコード

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

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