#C4A8FF - #E4CFFB | colorate

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

Blend #C4A8FF to #E4CFFB

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

RGBブレンド

#C4A8FF - #E4CFFB | colorate

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

0.0%	0.0% #C4A8FF	RGB 196 168 255	#C4A8FF
16.7%	16.7% #C9AEFE	RGB 201 174 254	#C9AEFE
33.3%	33.3% #CEB5FD	RGB 206 181 253	#CEB5FD
50.0%	50.0% #D4BBFD	RGB 212 187 253	#D4BBFD
66.7%	66.7% #D9C2FC	RGB 217 194 252	#D9C2FC
83.3%	83.3% #DEC8FB	RGB 222 200 251	#DEC8FB
100.0%	100.0% #E4CFFB	RGB 228 207 251	#E4CFFB

#C4A8FF #C9AEFE #CEB5FD #D4BBFD #D9C2FC #DEC8FB #E4CFFB

#C4A8FF - #E4CFFB

HSVブレンド

#C4A8FF - #E4CFFB | colorate

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

0.0%	0.0% #C4A8FF	RGB 196 168 255	#C4A8FF
16.7%	16.7% #CAAEFE	RGB 202 174 254	#CAAEFE
33.3%	33.3% #D0B5FD	RGB 208 181 253	#D0B5FD
50.0%	50.0% #D5BBFD	RGB 213 187 253	#D5BBFD
66.7%	66.7% #DAC2FC	RGB 218 194 252	#DAC2FC
83.3%	83.3% #DFC8FB	RGB 223 200 251	#DFC8FB
100.0%	100.0% #E4CFFB	RGB 228 207 251	#E4CFFB

#C4A8FF #CAAEFE #D0B5FD #D5BBFD #DAC2FC #DFC8FB #E4CFFB

#C4A8FF - #D5BBFD - #E4CFFB

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4A8FF 0%, #D5BBFD 50%, #E4CFFB 100%);
    background: -webkit-linear-gradient(top, #C4A8FF 0%, #D5BBFD 50%, #E4CFFB 100%);
    background: linear-gradient(to bottom, #C4A8FF 0%, #D5BBFD 50%, #E4CFFB 100%);
}
</style>