#C92DAD - #FF9ED9 | colorate

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

Blend #C92DAD to #FF9ED9

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

RGBブレンド

#C92DAD - #FF9ED9 | colorate

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

0.0%	0.0% #C92DAD	RGB 201 45 173	#C92DAD
16.7%	16.7% #D23FB4	RGB 210 63 180	#D23FB4
33.3%	33.3% #DB52BB	RGB 219 82 187	#DB52BB
50.0%	50.0% #E465C3	RGB 228 101 195	#E465C3
66.7%	66.7% #ED78CA	RGB 237 120 202	#ED78CA
83.3%	83.3% #F68BD1	RGB 246 139 209	#F68BD1
100.0%	100.0% #FF9ED9	RGB 255 158 217	#FF9ED9

#C92DAD #D23FB4 #DB52BB #E465C3 #ED78CA #F68BD1 #FF9ED9

#C92DAD - #FF9ED9

HSVブレンド

#C92DAD - #FF9ED9 | colorate

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

0.0%	0.0% #C92DAD	RGB 201 45 173	#C92DAD
16.7%	16.7% #D23CB1	RGB 210 60 177	#D23CB1
33.3%	33.3% #DB4DB7	RGB 219 77 183	#DB4DB7
50.0%	50.0% #E460BE	RGB 228 96 190	#E460BE
66.7%	66.7% #ED73C6	RGB 237 115 198	#ED73C6
83.3%	83.3% #F688CE	RGB 246 136 206	#F688CE
100.0%	100.0% #FF9ED9	RGB 255 158 217	#FF9ED9

#C92DAD #D23CB1 #DB4DB7 #E460BE #ED73C6 #F688CE #FF9ED9

#C92DAD - #E460BE - #FF9ED9

CSSコード

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

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