#EB6AAA - #AC035D | colorate

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

Blend #EB6AAA to #AC035D

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

RGBブレンド

#EB6AAA - #AC035D | colorate

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

0.0%	0.0% #EB6AAA	RGB 235 106 170	#EB6AAA
16.7%	16.7% #E0589D	RGB 224 88 157	#E0589D
33.3%	33.3% #D64790	RGB 214 71 144	#D64790
50.0%	50.0% #CB3683	RGB 203 54 131	#CB3683
66.7%	66.7% #C12576	RGB 193 37 118	#C12576
83.3%	83.3% #B61469	RGB 182 20 105	#B61469
100.0%	100.0% #AC035D	RGB 172 3 93	#AC035D

#EB6AAA #E0589D #D64790 #CB3683 #C12576 #B61469 #AC035D

#EB6AAA - #AC035D

HSVブレンド

#EB6AAA - #AC035D | colorate

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

0.0%	0.0% #EB6AA9	RGB 235 106 169	#EB6AA9
16.7%	16.7% #E0559B	RGB 224 85 155	#E0559B
33.3%	33.3% #D6418D	RGB 214 65 141	#D6418D
50.0%	50.0% #CB2F7F	RGB 203 47 127	#CB2F7F
66.7%	66.7% #C11F73	RGB 193 31 115	#C11F73
83.3%	83.3% #B61067	RGB 182 16 103	#B61067
100.0%	100.0% #AC035D	RGB 172 3 93	#AC035D

#EB6AA9 #E0559B #D6418D #CB2F7F #C11F73 #B61067 #AC035D

#EB6AAA - #CB2F7F - #AC035D

CSSコード

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

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