#005555 - #53AD85 | colorate

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

Blend #005555 to #53AD85

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

RGB 혼합 (선형)

#005555 - #53AD85 | colorate

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

0.0%	0.0% #005555	RGB 0 85 85	#005555
16.7%	16.7% #0D635D	RGB 13 99 93	#0D635D
33.3%	33.3% #1B7265	RGB 27 114 101	#1B7265
50.0%	50.0% #29816D	RGB 41 129 109	#29816D
66.7%	66.7% #378F75	RGB 55 143 117	#378F75
83.3%	83.3% #459E7D	RGB 69 158 125	#459E7D
100.0%	100.0% #53AD85	RGB 83 173 133	#53AD85

#005555 #0D635D #1B7265 #29816D #378F75 #459E7D #53AD85

#005555 - #53AD85

HSV 블렌드

#005555 - #53AD85 | colorate

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

0.0%	0.0% #005555	RGB 0 85 85	#005555
16.7%	16.7% #07635C	RGB 7 99 92	#07635C
33.3%	33.3% #127264	RGB 18 114 100	#127264
50.0%	50.0% #1E816B	RGB 30 129 107	#1E816B
66.7%	66.7% #2D8F72	RGB 45 143 114	#2D8F72
83.3%	83.3% #3F9E7B	RGB 63 158 123	#3F9E7B
100.0%	100.0% #53AD85	RGB 83 173 133	#53AD85

#005555 #07635C #127264 #1E816B #2D8F72 #3F9E7B #53AD85

#005555 - #1E816B - #53AD85

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005555 0%, #1E816B 50%, #53AD85 100%);
    background: -webkit-linear-gradient(top, #005555 0%, #1E816B 50%, #53AD85 100%);
    background: linear-gradient(to bottom, #005555 0%, #1E816B 50%, #53AD85 100%);
}
</style>