#B0CBC1 - #4D928B | colorate

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

Blend #B0CBC1 to #4D928B

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

RGB 혼합 (선형)

#B0CBC1 - #4D928B | colorate

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

0.0%	0.0% #B0CBC1	RGB 176 203 193	#B0CBC1
16.7%	16.7% #9FC1B8	RGB 159 193 184	#9FC1B8
33.3%	33.3% #8FB8AF	RGB 143 184 175	#8FB8AF
50.0%	50.0% #7EAEA6	RGB 126 174 166	#7EAEA6
66.7%	66.7% #6EA59D	RGB 110 165 157	#6EA59D
83.3%	83.3% #5D9B94	RGB 93 155 148	#5D9B94
100.0%	100.0% #4D928B	RGB 77 146 139	#4D928B

#B0CBC1 #9FC1B8 #8FB8AF #7EAEA6 #6EA59D #5D9B94 #4D928B

#B0CBC1 - #4D928B

HSV 블렌드

#B0CBC1 - #4D928B | colorate

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

0.0%	0.0% #B0CBC1	RGB 176 203 193	#B0CBC1
16.7%	16.7% #9CC1B5	RGB 156 193 181	#9CC1B5
33.3%	33.3% #8AB8AB	RGB 138 184 171	#8AB8AB
50.0%	50.0% #79AEA2	RGB 121 174 162	#79AEA2
66.7%	66.7% #69A599	RGB 105 165 153	#69A599
83.3%	83.3% #5A9B92	RGB 90 155 146	#5A9B92
100.0%	100.0% #4D928B	RGB 77 146 139	#4D928B

#B0CBC1 #9CC1B5 #8AB8AB #79AEA2 #69A599 #5A9B92 #4D928B

#B0CBC1 - #79AEA2 - #4D928B

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0CBC1 0%, #79AEA2 50%, #4D928B 100%);
    background: -webkit-linear-gradient(top, #B0CBC1 0%, #79AEA2 50%, #4D928B 100%);
    background: linear-gradient(to bottom, #B0CBC1 0%, #79AEA2 50%, #4D928B 100%);
}
</style>