#4F3E8F - #CC8EAE | colorate

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

Blend #4F3E8F to #CC8EAE

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

RGBブレンド

#4F3E8F - #CC8EAE | colorate

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

0.0%	0.0% #4F3E8F	RGB 79 62 143	#4F3E8F
16.7%	16.7% #634B94	RGB 99 75 148	#634B94
33.3%	33.3% #785899	RGB 120 88 153	#785899
50.0%	50.0% #8D669E	RGB 141 102 158	#8D669E
66.7%	66.7% #A273A3	RGB 162 115 163	#A273A3
83.3%	83.3% #B780A8	RGB 183 128 168	#B780A8
100.0%	100.0% #CC8EAE	RGB 204 142 174	#CC8EAE

#4F3E8F #634B94 #785899 #8D669E #A273A3 #B780A8 #CC8EAE

#4F3E8F - #CC8EAE

HSVブレンド

#4F3E8F - #CC8EAE | colorate

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

0.0%	0.0% #4F3E8F	RGB 79 62 143	#4F3E8F
16.7%	16.7% #6A4999	RGB 106 73 153	#6A4999
33.3%	33.3% #8655A3	RGB 134 85 163	#8655A3
50.0%	50.0% #A161AD	RGB 161 97 173	#A161AD
66.7%	66.7% #B76FB3	RGB 183 111 179	#B76FB3
83.3%	83.3% #C17EAF	RGB 193 126 175	#C17EAF
100.0%	100.0% #CC8EAE	RGB 204 142 174	#CC8EAE

#4F3E8F #6A4999 #8655A3 #A161AD #B76FB3 #C17EAF #CC8EAE

#4F3E8F - #A161AD - #CC8EAE

CSSコード

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

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