#5E736B - #8FB77E | colorate

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

Blend #5E736B to #8FB77E

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

RGB 혼합 (선형)

#5E736B - #8FB77E | colorate

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

0.0%	0.0% #5E736B	RGB 94 115 107	#5E736B
16.7%	16.7% #667E6E	RGB 102 126 110	#667E6E
33.3%	33.3% #6E8971	RGB 110 137 113	#6E8971
50.0%	50.0% #769574	RGB 118 149 116	#769574
66.7%	66.7% #7EA077	RGB 126 160 119	#7EA077
83.3%	83.3% #86AB7A	RGB 134 171 122	#86AB7A
100.0%	100.0% #8FB77E	RGB 143 183 126	#8FB77E

#5E736B #667E6E #6E8971 #769574 #7EA077 #86AB7A #8FB77E

#5E736B - #8FB77E

HSV 블렌드

#5E736B - #8FB77E | colorate

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

0.0%	0.0% #5E736B	RGB 94 115 107	#5E736B
16.7%	16.7% #647E70	RGB 100 126 112	#647E70
33.3%	33.3% #6A8974	RGB 106 137 116	#6A8974
50.0%	50.0% #709576	RGB 112 149 118	#709576
66.7%	66.7% #75A075	RGB 117 160 117	#75A075
83.3%	83.3% #81AB79	RGB 129 171 121	#81AB79
100.0%	100.0% #8FB77E	RGB 143 183 126	#8FB77E

#5E736B #647E70 #6A8974 #709576 #75A075 #81AB79 #8FB77E

#5E736B - #709576 - #8FB77E

CSS 코드

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

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