#065B5E - #B7D0D1 | colorate

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

Blend #065B5E to #B7D0D1

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

RGB 혼합 (선형)

#065B5E - #B7D0D1 | colorate

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

0.0%	0.0% #065B5E	RGB 6 91 94	#065B5E
16.7%	16.7% #236E71	RGB 35 110 113	#236E71
33.3%	33.3% #418284	RGB 65 130 132	#418284
50.0%	50.0% #5E9597	RGB 94 149 151	#5E9597
66.7%	66.7% #7CA9AA	RGB 124 169 170	#7CA9AA
83.3%	83.3% #99BCBD	RGB 153 188 189	#99BCBD
100.0%	100.0% #B7D0D1	RGB 183 208 209	#B7D0D1

#065B5E #236E71 #418284 #5E9597 #7CA9AA #99BCBD #B7D0D1

#065B5E - #B7D0D1

HSV 블렌드

#065B5E - #B7D0D1 | colorate

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

0.0%	0.0% #055B5E	RGB 5 91 94	#055B5E
16.7%	16.7% #166E71	RGB 22 110 113	#166E71
33.3%	33.3% #2C8184	RGB 44 129 132	#2C8184
50.0%	50.0% #479497	RGB 71 148 151	#479497
66.7%	66.7% #67A8AA	RGB 103 168 170	#67A8AA
83.3%	83.3% #8CBBBD	RGB 140 187 189	#8CBBBD
100.0%	100.0% #B7D0D1	RGB 183 208 209	#B7D0D1

#055B5E #166E71 #2C8184 #479497 #67A8AA #8CBBBD #B7D0D1

#065B5E - #479497 - #B7D0D1

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #055B5E 0%, #479497 50%, #B7D0D1 100%);
    background: -webkit-linear-gradient(top, #055B5E 0%, #479497 50%, #B7D0D1 100%);
    background: linear-gradient(to bottom, #055B5E 0%, #479497 50%, #B7D0D1 100%);
}
</style>