#EB6DAE - #AE0561 | colorate

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

Blend #EB6DAE to #AE0561

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

RGBブレンド

#EB6DAE - #AE0561 | colorate

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

0.0%	0.0% #EB6DAE	RGB 235 109 174	#EB6DAE
16.7%	16.7% #E05BA1	RGB 224 91 161	#E05BA1
33.3%	33.3% #D64A94	RGB 214 74 148	#D64A94
50.0%	50.0% #CC3987	RGB 204 57 135	#CC3987
66.7%	66.7% #C2277A	RGB 194 39 122	#C2277A
83.3%	83.3% #B8166D	RGB 184 22 109	#B8166D
100.0%	100.0% #AE0561	RGB 174 5 97	#AE0561

#EB6DAE #E05BA1 #D64A94 #CC3987 #C2277A #B8166D #AE0561

#EB6DAE - #AE0561

HSVブレンド

#EB6DAE - #AE0561 | colorate

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

0.0%	0.0% #EB6DAD	RGB 235 109 173	#EB6DAD
16.7%	16.7% #E0579F	RGB 224 87 159	#E0579F
33.3%	33.3% #D64491	RGB 214 68 145	#D64491
50.0%	50.0% #CC3284	RGB 204 50 132	#CC3284
66.7%	66.7% #C22177	RGB 194 33 119	#C22177
83.3%	83.3% #B8126B	RGB 184 18 107	#B8126B
100.0%	100.0% #AE0561	RGB 174 5 97	#AE0561

#EB6DAD #E0579F #D64491 #CC3284 #C22177 #B8126B #AE0561

#EB6DAE - #CC3284 - #AE0561

CSSコード

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

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