#81488F - #856EF0 | colorate

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

Blend #81488F to #856EF0

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

RGBブレンド

#81488F - #856EF0 | colorate

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

0.0%	0.0% #81488F	RGB 129 72 143	#81488F
16.7%	16.7% #814E9F	RGB 129 78 159	#814E9F
33.3%	33.3% #8254AF	RGB 130 84 175	#8254AF
50.0%	50.0% #835BBF	RGB 131 91 191	#835BBF
66.7%	66.7% #8361CF	RGB 131 97 207	#8361CF
83.3%	83.3% #8467DF	RGB 132 103 223	#8467DF
100.0%	100.0% #856EF0	RGB 133 110 240	#856EF0

#81488F #814E9F #8254AF #835BBF #8361CF #8467DF #856EF0

#81488F - #856EF0

HSVブレンド

#81488F - #856EF0 | colorate

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

0.0%	0.0% #80488F	RGB 128 72 143	#80488F
16.7%	16.7% #864E9F	RGB 134 78 159	#864E9F
33.3%	33.3% #8A55AF	RGB 138 85 175	#8A55AF
50.0%	50.0% #8C5CBF	RGB 140 92 191	#8C5CBF
66.7%	66.7% #8C62CF	RGB 140 98 207	#8C62CF
83.3%	83.3% #8968DF	RGB 137 104 223	#8968DF
100.0%	100.0% #856EF0	RGB 133 110 240	#856EF0

#80488F #864E9F #8A55AF #8C5CBF #8C62CF #8968DF #856EF0

#81488F - #8C5CBF - #856EF0

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #80488F 0%, #8C5CBF 50%, #856EF0 100%);
    background: -webkit-linear-gradient(top, #80488F 0%, #8C5CBF 50%, #856EF0 100%);
    background: linear-gradient(to bottom, #80488F 0%, #8C5CBF 50%, #856EF0 100%);
}
</style>