#CCA6FF - #7831CE | colorate

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

Blend #CCA6FF to #7831CE

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

RGBブレンド

#CCA6FF - #7831CE | colorate

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

0.0%	0.0% #CCA6FF	RGB 204 166 255	#CCA6FF
16.7%	16.7% #BE92F6	RGB 190 146 246	#BE92F6
33.3%	33.3% #B07FEE	RGB 176 127 238	#B07FEE
50.0%	50.0% #A26BE6	RGB 162 107 230	#A26BE6
66.7%	66.7% #9458DE	RGB 148 88 222	#9458DE
83.3%	83.3% #8644D6	RGB 134 68 214	#8644D6
100.0%	100.0% #7831CE	RGB 120 49 206	#7831CE

#CCA6FF #BE92F6 #B07FEE #A26BE6 #9458DE #8644D6 #7831CE

#CCA6FF - #7831CE

HSVブレンド

#CCA6FF - #7831CE | colorate

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

0.0%	0.0% #CCA6FF	RGB 204 166 255	#CCA6FF
16.7%	16.7% #BC8FF6	RGB 188 143 246	#BC8FF6
33.3%	33.3% #AD7AEE	RGB 173 122 238	#AD7AEE
50.0%	50.0% #9E66E6	RGB 158 102 230	#9E66E6
66.7%	66.7% #9153DE	RGB 145 83 222	#9153DE
83.3%	83.3% #8441D6	RGB 132 65 214	#8441D6
100.0%	100.0% #7831CE	RGB 120 49 206	#7831CE

#CCA6FF #BC8FF6 #AD7AEE #9E66E6 #9153DE #8441D6 #7831CE

#CCA6FF - #9E66E6 - #7831CE

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCA6FF 0%, #9E66E6 50%, #7831CE 100%);
    background: -webkit-linear-gradient(top, #CCA6FF 0%, #9E66E6 50%, #7831CE 100%);
    background: linear-gradient(to bottom, #CCA6FF 0%, #9E66E6 50%, #7831CE 100%);
}
</style>