#566A63 - #7DCD8C | colorate

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

Blend #566A63 to #7DCD8C

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

RGB 혼합 (선형)

#566A63 - #7DCD8C | colorate

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

0.0%	0.0% #566A63	RGB 86 106 99	#566A63
16.7%	16.7% #5C7A69	RGB 92 122 105	#5C7A69
33.3%	33.3% #638B70	RGB 99 139 112	#638B70
50.0%	50.0% #699B77	RGB 105 155 119	#699B77
66.7%	66.7% #70AC7E	RGB 112 172 126	#70AC7E
83.3%	83.3% #76BC85	RGB 118 188 133	#76BC85
100.0%	100.0% #7DCD8C	RGB 125 205 140	#7DCD8C

#566A63 #5C7A69 #638B70 #699B77 #70AC7E #76BC85 #7DCD8C

#566A63 - #7DCD8C

HSV 블렌드

#566A63 - #7DCD8C | colorate

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

0.0%	0.0% #566A63	RGB 86 106 99	#566A63
16.7%	16.7% #5F7A6E	RGB 95 122 110	#5F7A6E
33.3%	33.3% #678B79	RGB 103 139 121	#678B79
50.0%	50.0% #6E9B81	RGB 110 155 129	#6E9B81
66.7%	66.7% #74AC87	RGB 116 172 135	#74AC87
83.3%	83.3% #79BC8B	RGB 121 188 139	#79BC8B
100.0%	100.0% #7DCD8C	RGB 125 205 140	#7DCD8C

#566A63 #5F7A6E #678B79 #6E9B81 #74AC87 #79BC8B #7DCD8C

#566A63 - #6E9B81 - #7DCD8C

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #566A63 0%, #6E9B81 50%, #7DCD8C 100%);
    background: -webkit-linear-gradient(top, #566A63 0%, #6E9B81 50%, #7DCD8C 100%);
    background: linear-gradient(to bottom, #566A63 0%, #6E9B81 50%, #7DCD8C 100%);
}
</style>