#8F3584 - #EFE2ED | colorate

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

Blend #8F3584 to #EFE2ED

#8F3584 #EFE2ED

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

RGBブレンド

#8F3584 - #EFE2ED | colorate

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

0.0%	0.0% #8F3584	RGB 143 53 132	#8F3584
16.7%	16.7% #9F5195	RGB 159 81 149	#9F5195
33.3%	33.3% #AF6EA7	RGB 175 110 167	#AF6EA7
50.0%	50.0% #BF8BB8	RGB 191 139 184	#BF8BB8
66.7%	66.7% #CFA8CA	RGB 207 168 202	#CFA8CA
83.3%	83.3% #DFC5DB	RGB 223 197 219	#DFC5DB
100.0%	100.0% #EFE2ED	RGB 239 226 237	#EFE2ED

#8F3584 #9F5195 #AF6EA7 #BF8BB8 #CFA8CA #DFC5DB #EFE2ED

#8F3584 - #EFE2ED

HSVブレンド

#8F3584 - #EFE2ED | colorate

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

0.0%	0.0% #8F3584	RGB 143 53 132	#8F3584
16.7%	16.7% #9F4A94	RGB 159 74 148	#9F4A94
33.3%	33.3% #AF62A4	RGB 175 98 164	#AF62A4
50.0%	50.0% #BF7DB5	RGB 191 125 181	#BF7DB5
66.7%	66.7% #CF9CC7	RGB 207 156 199	#CF9CC7
83.3%	83.3% #DFBDDA	RGB 223 189 218	#DFBDDA
100.0%	100.0% #EFE2ED	RGB 239 226 237	#EFE2ED

#8F3584 #9F4A94 #AF62A4 #BF7DB5 #CF9CC7 #DFBDDA #EFE2ED

#8F3584 - #BF7DB5 - #EFE2ED

CSSコード

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

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