#81CC31 - #CC3180 | colorate

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

Blend #81CC31 to #CC3180

#81CC31

#CC3180

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

RGBブレンド

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

0.0%	0.0% #81CC31	RGB 129 204 49	#81CC31
16.7%	16.7% #8DB33E	RGB 141 179 62	#8DB33E
33.3%	33.3% #9A994B	RGB 154 153 75	#9A994B
50.0%	50.0% #A67F58	RGB 166 127 88	#A67F58
66.7%	66.7% #B36565	RGB 179 101 101	#B36565
83.3%	83.3% #BF4B72	RGB 191 75 114	#BF4B72
100.0%	100.0% #CC3180	RGB 204 49 128	#CC3180

#81CC31 #8DB33E #9A994B #A67F58 #B36565 #BF4B72 #CC3180

#81CC31 - #CC3180

HSVブレンド

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

0.0%	0.0% #81CC31	RGB 129 204 49	#81CC31
16.7%	16.7% #B4CC31	RGB 180 204 49	#B4CC31
33.3%	33.3% #CCB031	RGB 204 176 49	#CCB031
50.0%	50.0% #CC7C31	RGB 204 124 49	#CC7C31
66.7%	66.7% #CC4931	RGB 204 73 49	#CC4931
83.3%	83.3% #CC314C	RGB 204 49 76	#CC314C
100.0%	100.0% #CC317F	RGB 204 49 127	#CC317F

#81CC31 #B4CC31 #CCB031 #CC7C31 #CC4931 #CC314C #CC317F

#81CC31 - #CC7C31 - #CC317F

CSSコード

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

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