#8CFA5E - #CBF79C | colorate

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

Blend #8CFA5E to #CBF79C

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

RGB 혼합 (선형)

#8CFA5E - #CBF79C | colorate

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

0.0%	0.0% #8CFA5E	RGB 140 250 94	#8CFA5E
16.7%	16.7% #96F968	RGB 150 249 104	#96F968
33.3%	33.3% #A1F972	RGB 161 249 114	#A1F972
50.0%	50.0% #ABF87D	RGB 171 248 125	#ABF87D
66.7%	66.7% #B6F887	RGB 182 248 135	#B6F887
83.3%	83.3% #C0F791	RGB 192 247 145	#C0F791
100.0%	100.0% #CBF79C	RGB 203 247 156	#CBF79C

#8CFA5E #96F968 #A1F972 #ABF87D #B6F887 #C0F791 #CBF79C

#8CFA5E - #CBF79C

HSV 블렌드

#8CFA5E - #CBF79C | colorate

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

0.0%	0.0% #8CFA5E	RGB 140 250 94	#8CFA5E
16.7%	16.7% #98F968	RGB 152 249 104	#98F968
33.3%	33.3% #A4F972	RGB 164 249 114	#A4F972
50.0%	50.0% #AFF87D	RGB 175 248 125	#AFF87D
66.7%	66.7% #B9F887	RGB 185 248 135	#B9F887
83.3%	83.3% #C2F791	RGB 194 247 145	#C2F791
100.0%	100.0% #CBF79C	RGB 203 247 156	#CBF79C

#8CFA5E #98F968 #A4F972 #AFF87D #B9F887 #C2F791 #CBF79C

#8CFA5E - #AFF87D - #CBF79C

CSS 코드

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

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