#3F5E3E - #171915 | colorate

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

Blend #3F5E3E to #171915

#3F5E3E #171915

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

RGB 혼합 (선형)

#3F5E3E - #171915 | colorate

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

0.0%	0.0% #3F5E3E	RGB 63 94 62	#3F5E3E
16.7%	16.7% #385237	RGB 56 82 55	#385237
33.3%	33.3% #314730	RGB 49 71 48	#314730
50.0%	50.0% #2B3B29	RGB 43 59 41	#2B3B29
66.7%	66.7% #243022	RGB 36 48 34	#243022
83.3%	83.3% #1D241B	RGB 29 36 27	#1D241B
100.0%	100.0% #171915	RGB 23 25 21	#171915

#3F5E3E #385237 #314730 #2B3B29 #243022 #1D241B #171915

#3F5E3E - #171915

HSV 블렌드

#3F5E3E - #171915 | colorate

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

0.0%	0.0% #3F5E3E	RGB 63 94 62	#3F5E3E
16.7%	16.7% #3B5238	RGB 59 82 56	#3B5238
33.3%	33.3% #364733	RGB 54 71 51	#364733
50.0%	50.0% #303B2C	RGB 48 59 44	#303B2C
66.7%	66.7% #293025	RGB 41 48 37	#293025
83.3%	83.3% #20241D	RGB 32 36 29	#20241D
100.0%	100.0% #171915	RGB 23 25 21	#171915

#3F5E3E #3B5238 #364733 #303B2C #293025 #20241D #171915

#3F5E3E - #303B2C - #171915

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F5E3E 0%, #303B2C 50%, #171915 100%);
    background: -webkit-linear-gradient(top, #3F5E3E 0%, #303B2C 50%, #171915 100%);
    background: linear-gradient(to bottom, #3F5E3E 0%, #303B2C 50%, #171915 100%);
}
</style>