#875E8F - #EDE7EF | colorate

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

Blend #875E8F to #EDE7EF

#875E8F

#EDE7EF

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

RGBブレンド

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

0.0%	0.0% #875E8F	RGB 135 94 143	#875E8F
16.7%	16.7% #98749F	RGB 152 116 159	#98749F
33.3%	33.3% #A98BAF	RGB 169 139 175	#A98BAF
50.0%	50.0% #BAA2BF	RGB 186 162 191	#BAA2BF
66.7%	66.7% #CBB9CF	RGB 203 185 207	#CBB9CF
83.3%	83.3% #DCD0DF	RGB 220 208 223	#DCD0DF
100.0%	100.0% #EDE7EF	RGB 237 231 239	#EDE7EF

#875E8F #98749F #A98BAF #BAA2BF #CBB9CF #DCD0DF #EDE7EF

#875E8F - #EDE7EF

HSVブレンド

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

0.0%	0.0% #875E8F	RGB 135 94 143	#875E8F
16.7%	16.7% #96709F	RGB 150 112 159	#96709F
33.3%	33.3% #A685AF	RGB 166 133 175	#A685AF
50.0%	50.0% #B79BBF	RGB 183 155 191	#B79BBF
66.7%	66.7% #C8B2CF	RGB 200 178 207	#C8B2CF
83.3%	83.3% #DACCDF	RGB 218 204 223	#DACCDF
100.0%	100.0% #EDE7EF	RGB 237 231 239	#EDE7EF

#875E8F #96709F #A685AF #B79BBF #C8B2CF #DACCDF #EDE7EF

#875E8F - #B79BBF - #EDE7EF

CSSコード

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

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