#32DF3E - #FFFF7E | colorate

colorate는 디자이너와 개발자에게 영감을 주는 색 구성표 도구입니다. 이것은 색채 작업을 위한 자료로 도움이 될 것입니다. 이 사이트를 더 좋게 만들기

Blend #32DF3E to #FFFF7E

두 색상 #32DF3E과 #FFFF7E 사이의 색상을 계산하십시오. RGB 값을 계산할 때 서로 다른 색상 간의 채도가 낮습니다. HSV 값을 계산할 때, 서로 다른 색상 간의 채도가 낮지 않습니다.

RGB 혼합 (선형)

#32DF3E - #FFFF7E | colorate

RGB 값에 따라 두 색상 사이의 색상 계산. 서로 떨어진 색상의 경우 두 색상 사이의 채도가 감소합니다. #32DF3E이 0 %이고 #FFFF7E이 100 % 인 두 색상 사이의 색상을 확장하십시오.

0.0%	0.0% #32DF3E	RGB 50 223 62	#32DF3E
16.7%	16.7% #54E448	RGB 84 228 72	#54E448
33.3%	33.3% #76E953	RGB 118 233 83	#76E953
50.0%	50.0% #98EF5E	RGB 152 239 94	#98EF5E
66.7%	66.7% #BAF468	RGB 186 244 104	#BAF468
83.3%	83.3% #DCF973	RGB 220 249 115	#DCF973
100.0%	100.0% #FFFF7E	RGB 255 255 126	#FFFF7E

#32DF3E #54E448 #76E953 #98EF5E #BAF468 #DCF973 #FFFF7E

#32DF3E - #FFFF7E

HSV 블렌드

#32DF3E - #FFFF7E | colorate

HSV 값에 따라 두 색상 사이의 색상 계산. 서로 다른 색상의 색상 사이에서도 두 색상 간의 채도가 감소하지 않습니다. #32DF3E이 0 %이고 #FFFF7E이 100 % 인 두 색상 사이의 색상을 확장하십시오.

0.0%	0.0% #32DF3E	RGB 50 223 62	#32DF3E
16.7%	16.7% #4FE43D	RGB 79 228 61	#4FE43D
33.3%	33.3% #77E949	RGB 119 233 73	#77E949
50.0%	50.0% #9DEF55	RGB 157 239 85	#9DEF55
66.7%	66.7% #C0F462	RGB 192 244 98	#C0F462
83.3%	83.3% #E1F970	RGB 225 249 112	#E1F970
100.0%	100.0% #FFFF7E	RGB 255 255 126	#FFFF7E

#32DF3E #4FE43D #77E949 #9DEF55 #C0F462 #E1F970 #FFFF7E

#32DF3E - #9DEF55 - #FFFF7E

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #32DF3E 0%, #9DEF55 50%, #FFFF7E 100%);
    background: -webkit-linear-gradient(top, #32DF3E 0%, #9DEF55 50%, #FFFF7E 100%);
    background: linear-gradient(to bottom, #32DF3E 0%, #9DEF55 50%, #FFFF7E 100%);
}
</style>