#6DC3C3 - #0D938E | colorate

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

Blend #6DC3C3 to #0D938E

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

RGB 혼합 (선형)

#6DC3C3 - #0D938E | colorate

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

0.0%	0.0% #6DC3C3	RGB 109 195 195	#6DC3C3
16.7%	16.7% #5DBBBA	RGB 93 187 186	#5DBBBA
33.3%	33.3% #4DB3B1	RGB 77 179 177	#4DB3B1
50.0%	50.0% #3DABA8	RGB 61 171 168	#3DABA8
66.7%	66.7% #2DA39F	RGB 45 163 159	#2DA39F
83.3%	83.3% #1D9B96	RGB 29 155 150	#1D9B96
100.0%	100.0% #0D938E	RGB 13 147 142	#0D938E

#6DC3C3 #5DBBBA #4DB3B1 #3DABA8 #2DA39F #1D9B96 #0D938E

#6DC3C3 - #0D938E

HSV 블렌드

#6DC3C3 - #0D938E | colorate

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

0.0%	0.0% #6DC3C3	RGB 109 195 195	#6DC3C3
16.7%	16.7% #59BBBA	RGB 89 187 186	#59BBBA
33.3%	33.3% #47B3B1	RGB 71 179 177	#47B3B1
50.0%	50.0% #37ABA8	RGB 55 171 168	#37ABA8
66.7%	66.7% #27A39F	RGB 39 163 159	#27A39F
83.3%	83.3% #199B96	RGB 25 155 150	#199B96
100.0%	100.0% #0D938E	RGB 13 147 142	#0D938E

#6DC3C3 #59BBBA #47B3B1 #37ABA8 #27A39F #199B96 #0D938E

#6DC3C3 - #37ABA8 - #0D938E

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
    background: -webkit-linear-gradient(top, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
    background: linear-gradient(to bottom, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
}
</style>