#BBCDC7 - #5E8490 | colorate

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

Blend #BBCDC7 to #5E8490

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

RGB 혼합 (선형)

#BBCDC7 - #5E8490 | colorate

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

0.0%	0.0% #BBCDC7	RGB 187 205 199	#BBCDC7
16.7%	16.7% #ABC0BD	RGB 171 192 189	#ABC0BD
33.3%	33.3% #9CB4B4	RGB 156 180 180	#9CB4B4
50.0%	50.0% #8CA8AB	RGB 140 168 171	#8CA8AB
66.7%	66.7% #7D9CA2	RGB 125 156 162	#7D9CA2
83.3%	83.3% #6D9099	RGB 109 144 153	#6D9099
100.0%	100.0% #5E8490	RGB 94 132 144	#5E8490

#BBCDC7 #ABC0BD #9CB4B4 #8CA8AB #7D9CA2 #6D9099 #5E8490

#BBCDC7 - #5E8490

HSV 블렌드

#BBCDC7 - #5E8490 | colorate

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

0.0%	0.0% #BBCDC7	RGB 187 205 199	#BBCDC7
16.7%	16.7% #A9C2BC	RGB 169 194 188	#A9C2BC
33.3%	33.3% #98B8B4	RGB 152 184 180	#98B8B4
50.0%	50.0% #88AEAC	RGB 136 174 172	#88AEAC
66.7%	66.7% #79A2A4	RGB 121 162 164	#79A2A4
83.3%	83.3% #6B939A	RGB 107 147 154	#6B939A
100.0%	100.0% #5E8490	RGB 94 132 144	#5E8490

#BBCDC7 #A9C2BC #98B8B4 #88AEAC #79A2A4 #6B939A #5E8490

#BBCDC7 - #88AEAC - #5E8490

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBCDC7 0%, #88AEAC 50%, #5E8490 100%);
    background: -webkit-linear-gradient(top, #BBCDC7 0%, #88AEAC 50%, #5E8490 100%);
    background: linear-gradient(to bottom, #BBCDC7 0%, #88AEAC 50%, #5E8490 100%);
}
</style>