#5B7E5E - #BBC27D | colorate

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

Blend #5B7E5E to #BBC27D

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

RGB 혼합 (선형)

#5B7E5E - #BBC27D | colorate

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

0.0%	0.0% #5B7E5E	RGB 91 126 94	#5B7E5E
16.7%	16.7% #6B8963	RGB 107 137 99	#6B8963
33.3%	33.3% #7B9468	RGB 123 148 104	#7B9468
50.0%	50.0% #8BA06D	RGB 139 160 109	#8BA06D
66.7%	66.7% #9BAB72	RGB 155 171 114	#9BAB72
83.3%	83.3% #ABB677	RGB 171 182 119	#ABB677
100.0%	100.0% #BBC27D	RGB 187 194 125	#BBC27D

#5B7E5E #6B8963 #7B9468 #8BA06D #9BAB72 #ABB677 #BBC27D

#5B7E5E - #BBC27D

HSV 블렌드

#5B7E5E - #BBC27D | colorate

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

0.0%	0.0% #5B7E5E	RGB 91 126 94	#5B7E5E
16.7%	16.7% #648961	RGB 100 137 97	#648961
33.3%	33.3% #729467	RGB 114 148 103	#729467
50.0%	50.0% #81A06D	RGB 129 160 109	#81A06D
66.7%	66.7% #93AB72	RGB 147 171 114	#93AB72
83.3%	83.3% #A6B678	RGB 166 182 120	#A6B678
100.0%	100.0% #BBC27D	RGB 187 194 125	#BBC27D

#5B7E5E #648961 #729467 #81A06D #93AB72 #A6B678 #BBC27D

#5B7E5E - #81A06D - #BBC27D

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B7E5E 0%, #81A06D 50%, #BBC27D 100%);
    background: -webkit-linear-gradient(top, #5B7E5E 0%, #81A06D 50%, #BBC27D 100%);
    background: linear-gradient(to bottom, #5B7E5E 0%, #81A06D 50%, #BBC27D 100%);
}
</style>