#202A1E - #5E6B4A | colorate

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

Blend #202A1E to #5E6B4A

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

RGB 혼합 (선형)

#202A1E - #5E6B4A | colorate

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

0.0%	0.0% #202A1E	RGB 32 42 30	#202A1E
16.7%	16.7% #2A3425	RGB 42 52 37	#2A3425
33.3%	33.3% #343F2C	RGB 52 63 44	#343F2C
50.0%	50.0% #3F4A34	RGB 63 74 52	#3F4A34
66.7%	66.7% #49553B	RGB 73 85 59	#49553B
83.3%	83.3% #536042	RGB 83 96 66	#536042
100.0%	100.0% #5E6B4A	RGB 94 107 74	#5E6B4A

#202A1E #2A3425 #343F2C #3F4A34 #49553B #536042 #5E6B4A

#202A1E - #5E6B4A

HSV 블렌드

#202A1E - #5E6B4A | colorate

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

0.0%	0.0% #202A1E	RGB 32 42 30	#202A1E
16.7%	16.7% #293425	RGB 41 52 37	#293425
33.3%	33.3% #323F2C	RGB 50 63 44	#323F2C
50.0%	50.0% #3C4A34	RGB 60 74 52	#3C4A34
66.7%	66.7% #47553B	RGB 71 85 59	#47553B
83.3%	83.3% #526042	RGB 82 96 66	#526042
100.0%	100.0% #5E6B4A	RGB 94 107 74	#5E6B4A

#202A1E #293425 #323F2C #3C4A34 #47553B #526042 #5E6B4A

#202A1E - #3C4A34 - #5E6B4A

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202A1E 0%, #3C4A34 50%, #5E6B4A 100%);
    background: -webkit-linear-gradient(top, #202A1E 0%, #3C4A34 50%, #5E6B4A 100%);
    background: linear-gradient(to bottom, #202A1E 0%, #3C4A34 50%, #5E6B4A 100%);
}
</style>