#496156 - #07451C | colorate

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

Blend #496156 to #07451C

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

RGB 혼합 (선형)

#496156 - #07451C | colorate

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

0.0%	0.0% #496156	RGB 73 97 86	#496156
16.7%	16.7% #3E5C4C	RGB 62 92 76	#3E5C4C
33.3%	33.3% #335742	RGB 51 87 66	#335742
50.0%	50.0% #285339	RGB 40 83 57	#285339
66.7%	66.7% #1D4E2F	RGB 29 78 47	#1D4E2F
83.3%	83.3% #124925	RGB 18 73 37	#124925
100.0%	100.0% #07451C	RGB 7 69 28	#07451C

#496156 #3E5C4C #335742 #285339 #1D4E2F #124925 #07451C

#496156 - #07451C

HSV 블렌드

#496156 - #07451C | colorate

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

0.0%	0.0% #496156	RGB 73 97 86	#496156
16.7%	16.7% #3B5C4C	RGB 59 92 76	#3B5C4C
33.3%	33.3% #2E5742	RGB 46 87 66	#2E5742
50.0%	50.0% #235338	RGB 35 83 56	#235338
66.7%	66.7% #184E2E	RGB 24 78 46	#184E2E
83.3%	83.3% #0F4925	RGB 15 73 37	#0F4925
100.0%	100.0% #07451C	RGB 7 69 28	#07451C

#496156 #3B5C4C #2E5742 #235338 #184E2E #0F4925 #07451C

#496156 - #235338 - #07451C

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #496156 0%, #235338 50%, #07451C 100%);
    background: -webkit-linear-gradient(top, #496156 0%, #235338 50%, #07451C 100%);
    background: linear-gradient(to bottom, #496156 0%, #235338 50%, #07451C 100%);
}
</style>