#550F8F - #CCBADF | colorate

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

Blend #550F8F to #CCBADF

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

RGBブレンド

#550F8F - #CCBADF | colorate

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

0.0%	0.0% #550F8F	RGB 85 15 143	#550F8F
16.7%	16.7% #682B9C	RGB 104 43 156	#682B9C
33.3%	33.3% #7C48A9	RGB 124 72 169	#7C48A9
50.0%	50.0% #9064B7	RGB 144 100 183	#9064B7
66.7%	66.7% #A481C4	RGB 164 129 196	#A481C4
83.3%	83.3% #B89DD1	RGB 184 157 209	#B89DD1
100.0%	100.0% #CCBADF	RGB 204 186 223	#CCBADF

#550F8F #682B9C #7C48A9 #9064B7 #A481C4 #B89DD1 #CCBADF

#550F8F - #CCBADF

HSVブレンド

#550F8F - #CCBADF | colorate

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

0.0%	0.0% #550F8F	RGB 85 15 143	#550F8F
16.7%	16.7% #64239C	RGB 100 35 156	#64239C
33.3%	33.3% #753BA9	RGB 117 59 169	#753BA9
50.0%	50.0% #8855B7	RGB 136 85 183	#8855B7
66.7%	66.7% #9C74C4	RGB 156 116 196	#9C74C4
83.3%	83.3% #B395D1	RGB 179 149 209	#B395D1
100.0%	100.0% #CCBADF	RGB 204 186 223	#CCBADF

#550F8F #64239C #753BA9 #8855B7 #9C74C4 #B395D1 #CCBADF

#550F8F - #8855B7 - #CCBADF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #550F8F 0%, #8855B7 50%, #CCBADF 100%);
    background: -webkit-linear-gradient(top, #550F8F 0%, #8855B7 50%, #CCBADF 100%);
    background: linear-gradient(to bottom, #550F8F 0%, #8855B7 50%, #CCBADF 100%);
}
</style>