#2B5E38 - #8DAE57 | colorate

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

Blend #2B5E38 to #8DAE57

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

RGB 혼합 (선형)

#2B5E38 - #8DAE57 | colorate

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

0.0%	0.0% #2B5E38	RGB 43 94 56	#2B5E38
16.7%	16.7% #3B6B3D	RGB 59 107 61	#3B6B3D
33.3%	33.3% #4B7842	RGB 75 120 66	#4B7842
50.0%	50.0% #5C8647	RGB 92 134 71	#5C8647
66.7%	66.7% #6C934C	RGB 108 147 76	#6C934C
83.3%	83.3% #7CA051	RGB 124 160 81	#7CA051
100.0%	100.0% #8DAE57	RGB 141 174 87	#8DAE57

#2B5E38 #3B6B3D #4B7842 #5C8647 #6C934C #7CA051 #8DAE57

#2B5E38 - #8DAE57

HSV 블렌드

#2B5E38 - #8DAE57 | colorate

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

0.0%	0.0% #2B5E38	RGB 43 94 56	#2B5E38
16.7%	16.7% #316B38	RGB 49 107 56	#316B38
33.3%	33.3% #3B7838	RGB 59 120 56	#3B7838
50.0%	50.0% #4C8640	RGB 76 134 64	#4C8640
66.7%	66.7% #609347	RGB 96 147 71	#609347
83.3%	83.3% #75A04F	RGB 117 160 79	#75A04F
100.0%	100.0% #8DAE57	RGB 141 174 87	#8DAE57

#2B5E38 #316B38 #3B7838 #4C8640 #609347 #75A04F #8DAE57

#2B5E38 - #4C8640 - #8DAE57

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E38 0%, #4C8640 50%, #8DAE57 100%);
    background: -webkit-linear-gradient(top, #2B5E38 0%, #4C8640 50%, #8DAE57 100%);
    background: linear-gradient(to bottom, #2B5E38 0%, #4C8640 50%, #8DAE57 100%);
}
</style>