#3C483B - #92BA5E | colorate

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

Blend #3C483B to #92BA5E

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

RGB 혼합 (선형)

#3C483B - #92BA5E | colorate

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

0.0%	0.0% #3C483B	RGB 60 72 59	#3C483B
16.7%	16.7% #4A5B40	RGB 74 91 64	#4A5B40
33.3%	33.3% #586E46	RGB 88 110 70	#586E46
50.0%	50.0% #67814C	RGB 103 129 76	#67814C
66.7%	66.7% #759452	RGB 117 148 82	#759452
83.3%	83.3% #83A758	RGB 131 167 88	#83A758
100.0%	100.0% #92BA5E	RGB 146 186 94	#92BA5E

#3C483B #4A5B40 #586E46 #67814C #759452 #83A758 #92BA5E

#3C483B - #92BA5E

HSV 블렌드

#3C483B - #92BA5E | colorate

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

0.0%	0.0% #3C483B	RGB 60 72 59	#3C483B
16.7%	16.7% #495B45	RGB 73 91 69	#495B45
33.3%	33.3% #566E4E	RGB 86 110 78	#566E4E
50.0%	50.0% #638155	RGB 99 129 85	#638155
66.7%	66.7% #71945A	RGB 113 148 90	#71945A
83.3%	83.3% #80A75D	RGB 128 167 93	#80A75D
100.0%	100.0% #92BA5E	RGB 146 186 94	#92BA5E

#3C483B #495B45 #566E4E #638155 #71945A #80A75D #92BA5E

#3C483B - #638155 - #92BA5E

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C483B 0%, #638155 50%, #92BA5E 100%);
    background: -webkit-linear-gradient(top, #3C483B 0%, #638155 50%, #92BA5E 100%);
    background: linear-gradient(to bottom, #3C483B 0%, #638155 50%, #92BA5E 100%);
}
</style>