#C0FFBA - #6AF46A | colorate

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

Blend #C0FFBA to #6AF46A

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

RGB 혼합 (선형)

#C0FFBA - #6AF46A | colorate

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

0.0%	0.0% #C0FFBA	RGB 192 255 186	#C0FFBA
16.7%	16.7% #B1FDAC	RGB 177 253 172	#B1FDAC
33.3%	33.3% #A3FB9F	RGB 163 251 159	#A3FB9F
50.0%	50.0% #95F992	RGB 149 249 146	#95F992
66.7%	66.7% #86F784	RGB 134 247 132	#86F784
83.3%	83.3% #78F577	RGB 120 245 119	#78F577
100.0%	100.0% #6AF46A	RGB 106 244 106	#6AF46A

#C0FFBA #B1FDAC #A3FB9F #95F992 #86F784 #78F577 #6AF46A

#C0FFBA - #6AF46A

HSV 블렌드

#C0FFBA - #6AF46A | colorate

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

0.0%	0.0% #C0FFBA	RGB 192 255 186	#C0FFBA
16.7%	16.7% #B2FDAC	RGB 178 253 172	#B2FDAC
33.3%	33.3% #A3FB9E	RGB 163 251 158	#A3FB9E
50.0%	50.0% #95F991	RGB 149 249 145	#95F991
66.7%	66.7% #87F783	RGB 135 247 131	#87F783
83.3%	83.3% #78F576	RGB 120 245 118	#78F576
100.0%	100.0% #6AF46A	RGB 106 244 106	#6AF46A

#C0FFBA #B2FDAC #A3FB9E #95F991 #87F783 #78F576 #6AF46A

#C0FFBA - #95F991 - #6AF46A

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0FFBA 0%, #95F991 50%, #6AF46A 100%);
    background: -webkit-linear-gradient(top, #C0FFBA 0%, #95F991 50%, #6AF46A 100%);
    background: linear-gradient(to bottom, #C0FFBA 0%, #95F991 50%, #6AF46A 100%);
}
</style>