#EFB0FF - #C0CEFF | colorate

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

Blend #EFB0FF to #C0CEFF

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

RGBブレンド

#EFB0FF - #C0CEFF | colorate

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

0.0%	0.0% #EFB0FF	RGB 239 176 255	#EFB0FF
16.7%	16.7% #E7B5FF	RGB 231 181 255	#E7B5FF
33.3%	33.3% #DFBAFF	RGB 223 186 255	#DFBAFF
50.0%	50.0% #D7BFFF	RGB 215 191 255	#D7BFFF
66.7%	66.7% #CFC4FF	RGB 207 196 255	#CFC4FF
83.3%	83.3% #C7C9FF	RGB 199 201 255	#C7C9FF
100.0%	100.0% #C0CEFF	RGB 192 206 255	#C0CEFF

#EFB0FF #E7B5FF #DFBAFF #D7BFFF #CFC4FF #C7C9FF #C0CEFF

#EFB0FF - #C0CEFF

HSVブレンド

#EFB0FF - #C0CEFF | colorate

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

0.0%	0.0% #EFB0FF	RGB 239 176 255	#EFB0FF
16.7%	16.7% #E2B2FF	RGB 226 178 255	#E2B2FF
33.3%	33.3% #D7B5FF	RGB 215 181 255	#D7B5FF
50.0%	50.0% #CCB8FF	RGB 204 184 255	#CCB8FF
66.7%	66.7% #C2BAFF	RGB 194 186 255	#C2BAFF
83.3%	83.3% #BDC0FF	RGB 189 192 255	#BDC0FF
100.0%	100.0% #C0CEFF	RGB 192 206 255	#C0CEFF

#EFB0FF #E2B2FF #D7B5FF #CCB8FF #C2BAFF #BDC0FF #C0CEFF

#EFB0FF - #CCB8FF - #C0CEFF

CSSコード

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

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