#B2B7B5 - #51787B | colorate

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

Blend #B2B7B5 to #51787B

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

RGB 혼합 (선형)

#B2B7B5 - #51787B | colorate

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

0.0%	0.0% #B2B7B5	RGB 178 183 181	#B2B7B5
16.7%	16.7% #A1ACAB	RGB 161 172 171	#A1ACAB
33.3%	33.3% #91A2A1	RGB 145 162 161	#91A2A1
50.0%	50.0% #819798	RGB 129 151 152	#819798
66.7%	66.7% #718D8E	RGB 113 141 142	#718D8E
83.3%	83.3% #618284	RGB 97 130 132	#618284
100.0%	100.0% #51787B	RGB 81 120 123	#51787B

#B2B7B5 #A1ACAB #91A2A1 #819798 #718D8E #618284 #51787B

#B2B7B5 - #51787B

HSV 블렌드

#B2B7B5 - #51787B | colorate

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

0.0%	0.0% #B2B7B5	RGB 178 183 181	#B2B7B5
16.7%	16.7% #9FADA8	RGB 159 173 168	#9FADA8
33.3%	33.3% #8DA39D	RGB 141 163 157	#8DA39D
50.0%	50.0% #7C9994	RGB 124 153 148	#7C9994
66.7%	66.7% #6D8F8C	RGB 109 143 140	#6D8F8C
83.3%	83.3% #5E8584	RGB 94 133 132	#5E8584
100.0%	100.0% #51787B	RGB 81 120 123	#51787B

#B2B7B5 #9FADA8 #8DA39D #7C9994 #6D8F8C #5E8584 #51787B

#B2B7B5 - #7C9994 - #51787B

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B7B5 0%, #7C9994 50%, #51787B 100%);
    background: -webkit-linear-gradient(top, #B2B7B5 0%, #7C9994 50%, #51787B 100%);
    background: linear-gradient(to bottom, #B2B7B5 0%, #7C9994 50%, #51787B 100%);
}
</style>