#ABADA1 - #6A744A | colorate

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

Blend #ABADA1 to #6A744A

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

RGB 혼합 (선형)

#ABADA1 - #6A744A | colorate

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

0.0%	0.0% #ABADA1	RGB 171 173 161	#ABADA1
16.7%	16.7% #A0A392	RGB 160 163 146	#A0A392
33.3%	33.3% #959A84	RGB 149 154 132	#959A84
50.0%	50.0% #8A9075	RGB 138 144 117	#8A9075
66.7%	66.7% #7F8767	RGB 127 135 103	#7F8767
83.3%	83.3% #747D58	RGB 116 125 88	#747D58
100.0%	100.0% #6A744A	RGB 106 116 74	#6A744A

#ABADA1 #A0A392 #959A84 #8A9075 #7F8767 #747D58 #6A744A

#ABADA1 - #6A744A

HSV 블렌드

#ABADA1 - #6A744A | colorate

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

0.0%	0.0% #ABADA1	RGB 171 173 161	#ABADA1
16.7%	16.7% #A0A390	RGB 160 163 144	#A0A390
33.3%	33.3% #959A80	RGB 149 154 128	#959A80
50.0%	50.0% #8A9071	RGB 138 144 113	#8A9071
66.7%	66.7% #7F8763	RGB 127 135 99	#7F8763
83.3%	83.3% #747D56	RGB 116 125 86	#747D56
100.0%	100.0% #6A744A	RGB 106 116 74	#6A744A

#ABADA1 #A0A390 #959A80 #8A9071 #7F8763 #747D56 #6A744A

#ABADA1 - #8A9071 - #6A744A

CSS 코드

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

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