#C98AC6 - #E284C0 | colorate

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

Blend #C98AC6 to #E284C0

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

RGBブレンド

#C98AC6 - #E284C0 | colorate

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

0.0%	0.0% #C98AC6	RGB 201 138 198	#C98AC6
16.7%	16.7% #CD89C5	RGB 205 137 197	#CD89C5
33.3%	33.3% #D188C4	RGB 209 136 196	#D188C4
50.0%	50.0% #D587C3	RGB 213 135 195	#D587C3
66.7%	66.7% #D986C2	RGB 217 134 194	#D986C2
83.3%	83.3% #DD85C1	RGB 221 133 193	#DD85C1
100.0%	100.0% #E284C0	RGB 226 132 192	#E284C0

#C98AC6 #CD89C5 #D188C4 #D587C3 #D986C2 #DD85C1 #E284C0

#C98AC6 - #E284C0

HSVブレンド

#C98AC6 - #E284C0 | colorate

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

0.0%	0.0% #C98AC6	RGB 201 138 198	#C98AC6
16.7%	16.7% #CD89C6	RGB 205 137 198	#CD89C6
33.3%	33.3% #D188C6	RGB 209 136 198	#D188C6
50.0%	50.0% #D587C5	RGB 213 135 197	#D587C5
66.7%	66.7% #D986C4	RGB 217 134 196	#D986C4
83.3%	83.3% #DD85C2	RGB 221 133 194	#DD85C2
100.0%	100.0% #E284C0	RGB 226 132 192	#E284C0

#C98AC6 #CD89C6 #D188C6 #D587C5 #D986C4 #DD85C2 #E284C0

#C98AC6 - #D587C5 - #E284C0

CSSコード

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

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