#5E574C - #554D09 | colorate

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

Blend #5E574C to #554D09

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

RGB 혼합 (선형)

#5E574C - #554D09 | colorate

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

0.0%	0.0% #5E574C	RGB 94 87 76	#5E574C
16.7%	16.7% #5C5540	RGB 92 85 64	#5C5540
33.3%	33.3% #5B5335	RGB 91 83 53	#5B5335
50.0%	50.0% #59522A	RGB 89 82 42	#59522A
66.7%	66.7% #58501F	RGB 88 80 31	#58501F
83.3%	83.3% #564E14	RGB 86 78 20	#564E14
100.0%	100.0% #554D09	RGB 85 77 9	#554D09

#5E574C #5C5540 #5B5335 #59522A #58501F #564E14 #554D09

#5E574C - #554D09

HSV 블렌드

#5E574C - #554D09 | colorate

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

0.0%	0.0% #5E574C	RGB 94 87 76	#5E574C
16.7%	16.7% #5C523F	RGB 92 82 63	#5C523F
33.3%	33.3% #5B4F34	RGB 91 79 52	#5B4F34
50.0%	50.0% #594D28	RGB 89 77 40	#594D28
66.7%	66.7% #584C1D	RGB 88 76 29	#584C1D
83.3%	83.3% #564C13	RGB 86 76 19	#564C13
100.0%	100.0% #554D09	RGB 85 77 9	#554D09

#5E574C #5C523F #5B4F34 #594D28 #584C1D #564C13 #554D09

#5E574C - #594D28 - #554D09

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E574C 0%, #594D28 50%, #554D09 100%);
    background: -webkit-linear-gradient(top, #5E574C 0%, #594D28 50%, #554D09 100%);
    background: linear-gradient(to bottom, #5E574C 0%, #594D28 50%, #554D09 100%);
}
</style>