#39ADC1 - #C139AE | colorate

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

Blend #39ADC1 to #C139AE

#39ADC1

#C139AE

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

RGBブレンド

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

0.0%	0.0% #39ADC1	RGB 57 173 193	#39ADC1
16.7%	16.7% #4F9ABE	RGB 79 154 190	#4F9ABE
33.3%	33.3% #6687BB	RGB 102 135 187	#6687BB
50.0%	50.0% #7D73B8	RGB 125 115 184	#7D73B8
66.7%	66.7% #9360B5	RGB 147 96 181	#9360B5
83.3%	83.3% #AA4DB2	RGB 170 77 178	#AA4DB2
100.0%	100.0% #C139AE	RGB 193 57 174	#C139AE

#39ADC1 #4F9ABE #6687BB #7D73B8 #9360B5 #AA4DB2 #C139AE

#39ADC1 - #C139AE

HSVブレンド

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

0.0%	0.0% #39ACC1	RGB 57 172 193	#39ACC1
16.7%	16.7% #397FC1	RGB 57 127 193	#397FC1
33.3%	33.3% #3952C1	RGB 57 82 193	#3952C1
50.0%	50.0% #4C39C1	RGB 76 57 193	#4C39C1
66.7%	66.7% #7939C1	RGB 121 57 193	#7939C1
83.3%	83.3% #A639C1	RGB 166 57 193	#A639C1
100.0%	100.0% #C139AD	RGB 193 57 173	#C139AD

#39ACC1 #397FC1 #3952C1 #4C39C1 #7939C1 #A639C1 #C139AD

#39ACC1 - #4C39C1 - #C139AD

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #39ACC1 0%, #4C39C1 50%, #C139AD 100%);
    background: -webkit-linear-gradient(top, #39ACC1 0%, #4C39C1 50%, #C139AD 100%);
    background: linear-gradient(to bottom, #39ACC1 0%, #4C39C1 50%, #C139AD 100%); 
}
</style>