#C92DC1 - #EFC3ED | colorate

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

Blend #C92DC1 to #EFC3ED

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

RGBブレンド

#C92DC1 - #EFC3ED | colorate

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

0.0%	0.0% #C92DC1	RGB 201 45 193	#C92DC1
16.7%	16.7% #CF46C8	RGB 207 70 200	#CF46C8
33.3%	33.3% #D55FCF	RGB 213 95 207	#D55FCF
50.0%	50.0% #DC78D7	RGB 220 120 215	#DC78D7
66.7%	66.7% #E291DE	RGB 226 145 222	#E291DE
83.3%	83.3% #E8AAE5	RGB 232 170 229	#E8AAE5
100.0%	100.0% #EFC3ED	RGB 239 195 237	#EFC3ED

#C92DC1 #CF46C8 #D55FCF #DC78D7 #E291DE #E8AAE5 #EFC3ED

#C92DC1 - #EFC3ED

HSVブレンド

#C92DC1 - #EFC3ED | colorate

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

0.0%	0.0% #C92DC1	RGB 201 45 193	#C92DC1
16.7%	16.7% #CF42C8	RGB 207 66 200	#CF42C8
33.3%	33.3% #D55ACF	RGB 213 90 207	#D55ACF
50.0%	50.0% #DC72D6	RGB 220 114 214	#DC72D6
66.7%	66.7% #E28CDE	RGB 226 140 222	#E28CDE
83.3%	83.3% #E8A6E5	RGB 232 166 229	#E8A6E5
100.0%	100.0% #EFC3ED	RGB 239 195 237	#EFC3ED

#C92DC1 #CF42C8 #D55ACF #DC72D6 #E28CDE #E8A6E5 #EFC3ED

#C92DC1 - #DC72D6 - #EFC3ED

CSSコード

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

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