#B6B6B9 - #5E756B | colorate

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

Blend #B6B6B9 to #5E756B

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

RGB 혼합 (선형)

#B6B6B9 - #5E756B | colorate

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

0.0%	0.0% #B6B6B9	RGB 182 182 185	#B6B6B9
16.7%	16.7% #A7ABAC	RGB 167 171 172	#A7ABAC
33.3%	33.3% #98A09F	RGB 152 160 159	#98A09F
50.0%	50.0% #8A9592	RGB 138 149 146	#8A9592
66.7%	66.7% #7B8A85	RGB 123 138 133	#7B8A85
83.3%	83.3% #6C7F78	RGB 108 127 120	#6C7F78
100.0%	100.0% #5E756B	RGB 94 117 107	#5E756B

#B6B6B9 #A7ABAC #98A09F #8A9592 #7B8A85 #6C7F78 #5E756B

#B6B6B9 - #5E756B

HSV 블렌드

#B6B6B9 - #5E756B | colorate

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

0.0%	0.0% #B6B6B9	RGB 182 182 185	#B6B6B9
16.7%	16.7% #A5A7AD	RGB 165 167 173	#A5A7AD
33.3%	33.3% #959BA2	RGB 149 155 162	#959BA2
50.0%	50.0% #869297	RGB 134 146 151	#869297
66.7%	66.7% #788A8B	RGB 120 138 139	#788A8B
83.3%	83.3% #6A807C	RGB 106 128 124	#6A807C
100.0%	100.0% #5E756B	RGB 94 117 107	#5E756B

#B6B6B9 #A5A7AD #959BA2 #869297 #788A8B #6A807C #5E756B

#B6B6B9 - #869297 - #5E756B

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B6B9 0%, #869297 50%, #5E756B 100%);
    background: -webkit-linear-gradient(top, #B6B6B9 0%, #869297 50%, #5E756B 100%);
    background: linear-gradient(to bottom, #B6B6B9 0%, #869297 50%, #5E756B 100%);
}
</style>