#77871C - #394C08 | colorate

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

Blend #77871C to #394C08

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

RGB 혼합 (선형)

#77871C - #394C08 | colorate

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

0.0%	0.0% #77871C	RGB 119 135 28	#77871C
16.7%	16.7% #6C7D18	RGB 108 125 24	#6C7D18
33.3%	33.3% #627315	RGB 98 115 21	#627315
50.0%	50.0% #586912	RGB 88 105 18	#586912
66.7%	66.7% #4D5F0E	RGB 77 95 14	#4D5F0E
83.3%	83.3% #43550B	RGB 67 85 11	#43550B
100.0%	100.0% #394C08	RGB 57 76 8	#394C08

#77871C #6C7D18 #627315 #586912 #4D5F0E #43550B #394C08

#77871C - #394C08

HSV 블렌드

#77871C - #394C08 | colorate

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

0.0%	0.0% #77871C	RGB 119 135 28	#77871C
16.7%	16.7% #6B7D17	RGB 107 125 23	#6B7D17
33.3%	33.3% #607313	RGB 96 115 19	#607313
50.0%	50.0% #566910	RGB 86 105 16	#566910
66.7%	66.7% #4C5F0D	RGB 76 95 13	#4C5F0D
83.3%	83.3% #42550A	RGB 66 85 10	#42550A
100.0%	100.0% #394C08	RGB 57 76 8	#394C08

#77871C #6B7D17 #607313 #566910 #4C5F0D #42550A #394C08

#77871C - #566910 - #394C08

CSS 코드

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

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