#00A19A - #B6E4E2 | colorate

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

Blend #00A19A to #B6E4E2

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

RGB 혼합 (선형)

#00A19A - #B6E4E2 | colorate

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

0.0%	0.0% #00A19A	RGB 0 161 154	#00A19A
16.7%	16.7% #1EACA6	RGB 30 172 166	#1EACA6
33.3%	33.3% #3CB7B2	RGB 60 183 178	#3CB7B2
50.0%	50.0% #5BC2BE	RGB 91 194 190	#5BC2BE
66.7%	66.7% #79CDCA	RGB 121 205 202	#79CDCA
83.3%	83.3% #97D8D6	RGB 151 216 214	#97D8D6
100.0%	100.0% #B6E4E2	RGB 182 228 226	#B6E4E2

#00A19A #1EACA6 #3CB7B2 #5BC2BE #79CDCA #97D8D6 #B6E4E2

#00A19A - #B6E4E2

HSV 블렌드

#00A19A - #B6E4E2 | colorate

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

0.0%	0.0% #00A19A	RGB 0 161 154	#00A19A
16.7%	16.7% #16ACA5	RGB 22 172 165	#16ACA5
33.3%	33.3% #30B7B1	RGB 48 183 177	#30B7B1
50.0%	50.0% #4DC2BD	RGB 77 194 189	#4DC2BD
66.7%	66.7% #6DCDC9	RGB 109 205 201	#6DCDC9
83.3%	83.3% #90D8D5	RGB 144 216 213	#90D8D5
100.0%	100.0% #B6E4E2	RGB 182 228 226	#B6E4E2

#00A19A #16ACA5 #30B7B1 #4DC2BD #6DCDC9 #90D8D5 #B6E4E2

#00A19A - #4DC2BD - #B6E4E2

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A19A 0%, #4DC2BD 50%, #B6E4E2 100%);
    background: -webkit-linear-gradient(top, #00A19A 0%, #4DC2BD 50%, #B6E4E2 100%);
    background: linear-gradient(to bottom, #00A19A 0%, #4DC2BD 50%, #B6E4E2 100%);
}
</style>