#C05C8F - #FCB6AB | colorate

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

Blend #C05C8F to #FCB6AB

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

RGBブレンド

#C05C8F - #FCB6AB | colorate

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

0.0%	0.0% #C05C8F	RGB 192 92 143	#C05C8F
16.7%	16.7% #CA6B93	RGB 202 107 147	#CA6B93
33.3%	33.3% #D47A98	RGB 212 122 152	#D47A98
50.0%	50.0% #DE899D	RGB 222 137 157	#DE899D
66.7%	66.7% #E898A1	RGB 232 152 161	#E898A1
83.3%	83.3% #F2A7A6	RGB 242 167 166	#F2A7A6
100.0%	100.0% #FCB6AB	RGB 252 182 171	#FCB6AB

#C05C8F #CA6B93 #D47A98 #DE899D #E898A1 #F2A7A6 #FCB6AB

#C05C8F - #FCB6AB

HSVブレンド

#C05C8F - #FCB6AB | colorate

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

0.0%	0.0% #C05C8E	RGB 192 92 142	#C05C8E
16.7%	16.7% #CA678F	RGB 202 103 143	#CA678F
33.3%	33.3% #D47390	RGB 212 115 144	#D47390
50.0%	50.0% #DE8092	RGB 222 128 146	#DE8092
66.7%	66.7% #E88E95	RGB 232 142 149	#E88E95
83.3%	83.3% #F29E9C	RGB 242 158 156	#F29E9C
100.0%	100.0% #FCB6AB	RGB 252 182 171	#FCB6AB

#C05C8E #CA678F #D47390 #DE8092 #E88E95 #F29E9C #FCB6AB

#C05C8F - #DE8092 - #FCB6AB

CSSコード

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

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