#CF8DF6 - #D568DC | colorate

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

Blend #CF8DF6 to #D568DC

#CF8DF6

#D568DC

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

RGBブレンド

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

0.0%	0.0% #CF8DF6	RGB 207 141 246	#CF8DF6
16.7%	16.7% #D087F2	RGB 208 135 242	#D087F2
33.3%	33.3% #D181EE	RGB 209 129 238	#D181EE
50.0%	50.0% #D27BE9	RGB 210 123 233	#D27BE9
66.7%	66.7% #D375E5	RGB 211 117 229	#D375E5
83.3%	83.3% #D46FE1	RGB 212 111 225	#D46FE1
100.0%	100.0% #D568DC	RGB 213 104 220	#D568DC

#CF8DF6 #D087F2 #D181EE #D27BE9 #D375E5 #D46FE1 #D568DC

#CF8DF6 - #D568DC

HSVブレンド

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

0.0%	0.0% #CF8DF6	RGB 207 141 246	#CF8DF6
16.7%	16.7% #CF86F1	RGB 207 134 241	#CF86F1
33.3%	33.3% #D080ED	RGB 208 128 237	#D080ED
50.0%	50.0% #D179E9	RGB 209 121 233	#D179E9
66.7%	66.7% #D273E4	RGB 210 115 228	#D273E4
83.3%	83.3% #D36DE0	RGB 211 109 224	#D36DE0
100.0%	100.0% #D568DC	RGB 213 104 220	#D568DC

#CF8DF6 #CF86F1 #D080ED #D179E9 #D273E4 #D36DE0 #D568DC

#CF8DF6 - #D179E9 - #D568DC

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #CF8DF6 0%, #D179E9 50%, #D568DC 100%);
    background: -webkit-linear-gradient(top, #CF8DF6 0%, #D179E9 50%, #D568DC 100%);
    background: linear-gradient(to bottom, #CF8DF6 0%, #D179E9 50%, #D568DC 100%); 
}
</style>