#C068C0 - #FFBEC2 | colorate

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

Blend #C068C0 to #FFBEC2

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

RGBブレンド

#C068C0 - #FFBEC2 | colorate

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

0.0%	0.0% #C068C0	RGB 192 104 192	#C068C0
16.7%	16.7% #CA76C0	RGB 202 118 192	#CA76C0
33.3%	33.3% #D584C0	RGB 213 132 192	#D584C0
50.0%	50.0% #DF93C1	RGB 223 147 193	#DF93C1
66.7%	66.7% #EAA1C1	RGB 234 161 193	#EAA1C1
83.3%	83.3% #F4AFC1	RGB 244 175 193	#F4AFC1
100.0%	100.0% #FFBEC2	RGB 255 190 194	#FFBEC2

#C068C0 #CA76C0 #D584C0 #DF93C1 #EAA1C1 #F4AFC1 #FFBEC2

#C068C0 - #FFBEC2

HSVブレンド

#C068C0 - #FFBEC2 | colorate

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

0.0%	0.0% #C068C0	RGB 192 104 192	#C068C0
16.7%	16.7% #CA74BD	RGB 202 116 189	#CA74BD
33.3%	33.3% #D581BA	RGB 213 129 186	#D581BA
50.0%	50.0% #DF8FBA	RGB 223 143 186	#DF8FBA
66.7%	66.7% #EA9EBA	RGB 234 158 186	#EA9EBA
83.3%	83.3% #F4ADBD	RGB 244 173 189	#F4ADBD
100.0%	100.0% #FFBEC2	RGB 255 190 194	#FFBEC2

#C068C0 #CA74BD #D581BA #DF8FBA #EA9EBA #F4ADBD #FFBEC2

#C068C0 - #DF8FBA - #FFBEC2

CSSコード

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

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