#20CD5E - #FFFF8B | colorate

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

Blend #20CD5E to #FFFF8B

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

RGB 혼합 (선형)

#20CD5E - #FFFF8B | colorate

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

0.0%	0.0% #20CD5E	RGB 32 205 94	#20CD5E
16.7%	16.7% #45D565	RGB 69 213 101	#45D565
33.3%	33.3% #6ADD6D	RGB 106 221 109	#6ADD6D
50.0%	50.0% #8FE674	RGB 143 230 116	#8FE674
66.7%	66.7% #B4EE7C	RGB 180 238 124	#B4EE7C
83.3%	83.3% #D9F683	RGB 217 246 131	#D9F683
100.0%	100.0% #FFFF8B	RGB 255 255 139	#FFFF8B

#20CD5E #45D565 #6ADD6D #8FE674 #B4EE7C #D9F683 #FFFF8B

#20CD5E - #FFFF8B

HSV 블렌드

#20CD5E - #FFFF8B | colorate

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

0.0%	0.0% #1FCD5D	RGB 31 205 93	#1FCD5D
16.7%	16.7% #2FD545	RGB 47 213 69	#2FD545
33.3%	33.3% #4EDD3F	RGB 78 221 63	#4EDD3F
50.0%	50.0% #80E650	RGB 128 230 80	#80E650
66.7%	66.7% #AFEE63	RGB 175 238 99	#AFEE63
83.3%	83.3% #D9F676	RGB 217 246 118	#D9F676
100.0%	100.0% #FFFF8B	RGB 255 255 139	#FFFF8B

#1FCD5D #2FD545 #4EDD3F #80E650 #AFEE63 #D9F676 #FFFF8B

#20CD5E - #80E650 - #FFFF8B

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1FCD5D 0%, #80E650 50%, #FFFF8B 100%);
    background: -webkit-linear-gradient(top, #1FCD5D 0%, #80E650 50%, #FFFF8B 100%);
    background: linear-gradient(to bottom, #1FCD5D 0%, #80E650 50%, #FFFF8B 100%);
}
</style>