#C5E9CA - #EEE0FF | colorate

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

Blend #C5E9CA to #EEE0FF

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

RGBブレンド

#C5E9CA - #EEE0FF | colorate

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

0.0%	0.0% #C5E9CA	RGB 197 233 202	#C5E9CA
16.7%	16.7% #CBE7D2	RGB 203 231 210	#CBE7D2
33.3%	33.3% #D2E6DB	RGB 210 230 219	#D2E6DB
50.0%	50.0% #D9E4E4	RGB 217 228 228	#D9E4E4
66.7%	66.7% #E0E3ED	RGB 224 227 237	#E0E3ED
83.3%	83.3% #E7E1F6	RGB 231 225 246	#E7E1F6
100.0%	100.0% #EEE0FF	RGB 238 224 255	#EEE0FF

#C5E9CA #CBE7D2 #D2E6DB #D9E4E4 #E0E3ED #E7E1F6 #EEE0FF

#C5E9CA - #EEE0FF

HSVブレンド

#C5E9CA - #EEE0FF | colorate

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

0.0%	0.0% #C5E9CA	RGB 197 233 202	#C5E9CA
16.7%	16.7% #C9ECDB	RGB 201 236 219	#C9ECDB
33.3%	33.3% #CDF0ED	RGB 205 240 237	#CDF0ED
50.0%	50.0% #D2EAF4	RGB 210 234 244	#D2EAF4
66.7%	66.7% #D6E1F7	RGB 214 225 247	#D6E1F7
83.3%	83.3% #DDDBFB	RGB 221 219 251	#DDDBFB
100.0%	100.0% #EEE0FF	RGB 238 224 255	#EEE0FF

#C5E9CA #C9ECDB #CDF0ED #D2EAF4 #D6E1F7 #DDDBFB #EEE0FF

#C5E9CA - #D2EAF4 - #EEE0FF

CSSコード

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

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