#758C5E - #8FEF82 | colorate

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

Blend #758C5E to #8FEF82

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

RGB 혼합 (선형)

#758C5E - #8FEF82 | colorate

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

0.0%	0.0% #758C5E	RGB 117 140 94	#758C5E
16.7%	16.7% #799C64	RGB 121 156 100	#799C64
33.3%	33.3% #7DAD6A	RGB 125 173 106	#7DAD6A
50.0%	50.0% #82BD70	RGB 130 189 112	#82BD70
66.7%	66.7% #86CE76	RGB 134 206 118	#86CE76
83.3%	83.3% #8ADE7C	RGB 138 222 124	#8ADE7C
100.0%	100.0% #8FEF82	RGB 143 239 130	#8FEF82

#758C5E #799C64 #7DAD6A #82BD70 #86CE76 #8ADE7C #8FEF82

#758C5E - #8FEF82

HSV 블렌드

#758C5E - #8FEF82 | colorate

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

0.0%	0.0% #758C5E	RGB 117 140 94	#758C5E
16.7%	16.7% #7D9C65	RGB 125 156 101	#7D9C65
33.3%	33.3% #84AD6C	RGB 132 173 108	#84AD6C
50.0%	50.0% #8ABD73	RGB 138 189 115	#8ABD73
66.7%	66.7% #8DCE78	RGB 141 206 120	#8DCE78
83.3%	83.3% #8FDE7D	RGB 143 222 125	#8FDE7D
100.0%	100.0% #8FEF82	RGB 143 239 130	#8FEF82

#758C5E #7D9C65 #84AD6C #8ABD73 #8DCE78 #8FDE7D #8FEF82

#758C5E - #8ABD73 - #8FEF82

CSS 코드

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

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