#009193 - #B5EEC5 | colorate

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

Blend #009193 to #B5EEC5

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

RGB 혼합 (선형)

#009193 - #B5EEC5 | colorate

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

0.0%	0.0% #009193	RGB 0 145 147	#009193
16.7%	16.7% #1EA09B	RGB 30 160 155	#1EA09B
33.3%	33.3% #3CB0A3	RGB 60 176 163	#3CB0A3
50.0%	50.0% #5ABFAC	RGB 90 191 172	#5ABFAC
66.7%	66.7% #78CFB4	RGB 120 207 180	#78CFB4
83.3%	83.3% #96DEBC	RGB 150 222 188	#96DEBC
100.0%	100.0% #B5EEC5	RGB 181 238 197	#B5EEC5

#009193 #1EA09B #3CB0A3 #5ABFAC #78CFB4 #96DEBC #B5EEC5

#009193 - #B5EEC5

HSV 블렌드

#009193 - #B5EEC5 | colorate

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

0.0%	0.0% #009093	RGB 0 144 147	#009093
16.7%	16.7% #14A292	RGB 20 162 146	#14A292
33.3%	33.3% #2CB192	RGB 44 177 146	#2CB192
50.0%	50.0% #49C096	RGB 73 192 150	#49C096
66.7%	66.7% #69CF9F	RGB 105 207 159	#69CF9F
83.3%	83.3% #8DDEAE	RGB 141 222 174	#8DDEAE
100.0%	100.0% #B5EEC5	RGB 181 238 197	#B5EEC5

#009093 #14A292 #2CB192 #49C096 #69CF9F #8DDEAE #B5EEC5

#009193 - #49C096 - #B5EEC5

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009093 0%, #49C096 50%, #B5EEC5 100%);
    background: -webkit-linear-gradient(top, #009093 0%, #49C096 50%, #B5EEC5 100%);
    background: linear-gradient(to bottom, #009093 0%, #49C096 50%, #B5EEC5 100%);
}
</style>