#C10052 - #EDB6CD | colorate

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

Blend #C10052 to #EDB6CD

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

RGBブレンド

#C10052 - #EDB6CD | colorate

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

0.0%	0.0% #C10052	RGB 193 0 82	#C10052
16.7%	16.7% #C81E66	RGB 200 30 102	#C81E66
33.3%	33.3% #CF3C7B	RGB 207 60 123	#CF3C7B
50.0%	50.0% #D75B8F	RGB 215 91 143	#D75B8F
66.7%	66.7% #DE79A4	RGB 222 121 164	#DE79A4
83.3%	83.3% #E597B8	RGB 229 151 184	#E597B8
100.0%	100.0% #EDB6CD	RGB 237 182 205	#EDB6CD

#C10052 #C81E66 #CF3C7B #D75B8F #DE79A4 #E597B8 #EDB6CD

#C10052 - #EDB6CD

HSVブレンド

#C10052 - #EDB6CD | colorate

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

0.0%	0.0% #C10052	RGB 193 0 82	#C10052
16.7%	16.7% #C81963	RGB 200 25 99	#C81963
33.3%	33.3% #CF3576	RGB 207 53 118	#CF3576
50.0%	50.0% #D7528A	RGB 215 82 138	#D7528A
66.7%	66.7% #DE719F	RGB 222 113 159	#DE719F
83.3%	83.3% #E592B5	RGB 229 146 181	#E592B5
100.0%	100.0% #EDB6CD	RGB 237 182 205	#EDB6CD

#C10052 #C81963 #CF3576 #D7528A #DE719F #E592B5 #EDB6CD

#C10052 - #D7528A - #EDB6CD

CSSコード

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

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