#CDD5E4 - #738BAC | colorate

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

Blend #CDD5E4 to #738BAC

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

RGB 혼합 (선형)

#CDD5E4 - #738BAC | colorate

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

0.0%	0.0% #CDD5E4	RGB 205 213 228	#CDD5E4
16.7%	16.7% #BEC8DA	RGB 190 200 218	#BEC8DA
33.3%	33.3% #AFBCD1	RGB 175 188 209	#AFBCD1
50.0%	50.0% #A0B0C8	RGB 160 176 200	#A0B0C8
66.7%	66.7% #91A3BE	RGB 145 163 190	#91A3BE
83.3%	83.3% #8297B5	RGB 130 151 181	#8297B5
100.0%	100.0% #738BAC	RGB 115 139 172	#738BAC

#CDD5E4 #BEC8DA #AFBCD1 #A0B0C8 #91A3BE #8297B5 #738BAC

#CDD5E4 - #738BAC

HSV 블렌드

#CDD5E4 - #738BAC | colorate

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

0.0%	0.0% #CDD5E4	RGB 205 213 228	#CDD5E4
16.7%	16.7% #BCC7DA	RGB 188 199 218	#BCC7DA
33.3%	33.3% #ACB9D1	RGB 172 185 209	#ACB9D1
50.0%	50.0% #9CADC8	RGB 156 173 200	#9CADC8
66.7%	66.7% #8EA1BE	RGB 142 161 190	#8EA1BE
83.3%	83.3% #8095B5	RGB 128 149 181	#8095B5
100.0%	100.0% #738BAC	RGB 115 139 172	#738BAC

#CDD5E4 #BCC7DA #ACB9D1 #9CADC8 #8EA1BE #8095B5 #738BAC

#CDD5E4 - #9CADC8 - #738BAC

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDD5E4 0%, #9CADC8 50%, #738BAC 100%);
    background: -webkit-linear-gradient(top, #CDD5E4 0%, #9CADC8 50%, #738BAC 100%);
    background: linear-gradient(to bottom, #CDD5E4 0%, #9CADC8 50%, #738BAC 100%);
}
</style>