#B7B29F - #8F754A | colorate

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

Blend #B7B29F to #8F754A

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

RGB 혼합 (선형)

#B7B29F - #8F754A | colorate

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

0.0%	0.0% #B7B29F	RGB 183 178 159	#B7B29F
16.7%	16.7% #B0A790	RGB 176 167 144	#B0A790
33.3%	33.3% #A99D82	RGB 169 157 130	#A99D82
50.0%	50.0% #A39374	RGB 163 147 116	#A39374
66.7%	66.7% #9C8966	RGB 156 137 102	#9C8966
83.3%	83.3% #957F58	RGB 149 127 88	#957F58
100.0%	100.0% #8F754A	RGB 143 117 74	#8F754A

#B7B29F #B0A790 #A99D82 #A39374 #9C8966 #957F58 #8F754A

#B7B29F - #8F754A

HSV 블렌드

#B7B29F - #8F754A | colorate

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

0.0%	0.0% #B7B29F	RGB 183 178 159	#B7B29F
16.7%	16.7% #B0A88E	RGB 176 168 142	#B0A88E
33.3%	33.3% #A99E7F	RGB 169 158 127	#A99E7F
50.0%	50.0% #A39470	RGB 163 148 112	#A39470
66.7%	66.7% #9C8A63	RGB 156 138 99	#9C8A63
83.3%	83.3% #957F56	RGB 149 127 86	#957F56
100.0%	100.0% #8F754A	RGB 143 117 74	#8F754A

#B7B29F #B0A88E #A99E7F #A39470 #9C8A63 #957F56 #8F754A

#B7B29F - #A39470 - #8F754A

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7B29F 0%, #A39470 50%, #8F754A 100%);
    background: -webkit-linear-gradient(top, #B7B29F 0%, #A39470 50%, #8F754A 100%);
    background: linear-gradient(to bottom, #B7B29F 0%, #A39470 50%, #8F754A 100%);
}
</style>