#B5EAB9 - #5DB985 | colorate

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

Blend #B5EAB9 to #5DB985

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

RGB 혼합 (선형)

#B5EAB9 - #5DB985 | colorate

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

0.0%	0.0% #B5EAB9	RGB 181 234 185	#B5EAB9
16.7%	16.7% #A6E1B0	RGB 166 225 176	#A6E1B0
33.3%	33.3% #97D9A7	RGB 151 217 167	#97D9A7
50.0%	50.0% #89D19F	RGB 137 209 159	#89D19F
66.7%	66.7% #7AC996	RGB 122 201 150	#7AC996
83.3%	83.3% #6BC18D	RGB 107 193 141	#6BC18D
100.0%	100.0% #5DB985	RGB 93 185 133	#5DB985

#B5EAB9 #A6E1B0 #97D9A7 #89D19F #7AC996 #6BC18D #5DB985

#B5EAB9 - #5DB985

HSV 블렌드

#B5EAB9 - #5DB985 | colorate

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

0.0%	0.0% #B5EAB9	RGB 181 234 185	#B5EAB9
16.7%	16.7% #A4E1AC	RGB 164 225 172	#A4E1AC
33.3%	33.3% #94D9A2	RGB 148 217 162	#94D9A2
50.0%	50.0% #85D199	RGB 133 209 153	#85D199
66.7%	66.7% #77C991	RGB 119 201 145	#77C991
83.3%	83.3% #69C18A	RGB 105 193 138	#69C18A
100.0%	100.0% #5DB985	RGB 93 185 133	#5DB985

#B5EAB9 #A4E1AC #94D9A2 #85D199 #77C991 #69C18A #5DB985

#B5EAB9 - #85D199 - #5DB985

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5EAB9 0%, #85D199 50%, #5DB985 100%);
    background: -webkit-linear-gradient(top, #B5EAB9 0%, #85D199 50%, #5DB985 100%);
    background: linear-gradient(to bottom, #B5EAB9 0%, #85D199 50%, #5DB985 100%);
}
</style>