#B60142 - #EAB6C8 | colorate

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

Blend #B60142 to #EAB6C8

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

RGBブレンド

#B60142 - #EAB6C8 | colorate

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

0.0%	0.0% #B60142	RGB 182 1 66	#B60142
16.7%	16.7% #BE1F58	RGB 190 31 88	#BE1F58
33.3%	33.3% #C73D6E	RGB 199 61 110	#C73D6E
50.0%	50.0% #D05B85	RGB 208 91 133	#D05B85
66.7%	66.7% #D8799B	RGB 216 121 155	#D8799B
83.3%	83.3% #E197B1	RGB 225 151 177	#E197B1
100.0%	100.0% #EAB6C8	RGB 234 182 200	#EAB6C8

#B60142 #BE1F58 #C73D6E #D05B85 #D8799B #E197B1 #EAB6C8

#B60142 - #EAB6C8

HSVブレンド

#B60142 - #EAB6C8 | colorate

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

0.0%	0.0% #B60141	RGB 182 1 65	#B60141
16.7%	16.7% #BE1954	RGB 190 25 84	#BE1954
33.3%	33.3% #C73468	RGB 199 52 104	#C73468
50.0%	50.0% #D0517E	RGB 208 81 126	#D0517E
66.7%	66.7% #D87095	RGB 216 112 149	#D87095
83.3%	83.3% #E192AD	RGB 225 146 173	#E192AD
100.0%	100.0% #EAB6C8	RGB 234 182 200	#EAB6C8

#B60141 #BE1954 #C73468 #D0517E #D87095 #E192AD #EAB6C8

#B60142 - #D0517E - #EAB6C8

CSSコード

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

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