#AAE5FF - #4B9FDB | colorate

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

Blend #AAE5FF to #4B9FDB

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

RGB 혼합 (선형)

#AAE5FF - #4B9FDB | colorate

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

0.0%	0.0% #AAE5FF	RGB 170 229 255	#AAE5FF
16.7%	16.7% #9AD9F9	RGB 154 217 249	#9AD9F9
33.3%	33.3% #8ACDF3	RGB 138 205 243	#8ACDF3
50.0%	50.0% #7AC2ED	RGB 122 194 237	#7AC2ED
66.7%	66.7% #6AB6E7	RGB 106 182 231	#6AB6E7
83.3%	83.3% #5AAAE1	RGB 90 170 225	#5AAAE1
100.0%	100.0% #4B9FDB	RGB 75 159 219	#4B9FDB

#AAE5FF #9AD9F9 #8ACDF3 #7AC2ED #6AB6E7 #5AAAE1 #4B9FDB

#AAE5FF - #4B9FDB

HSV 블렌드

#AAE5FF - #4B9FDB | colorate

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

0.0%	0.0% #AAE5FF	RGB 170 229 255	#AAE5FF
16.7%	16.7% #98D9F9	RGB 152 217 249	#98D9F9
33.3%	33.3% #87CEF3	RGB 135 206 243	#87CEF3
50.0%	50.0% #77C2ED	RGB 119 194 237	#77C2ED
66.7%	66.7% #68B6E7	RGB 104 182 231	#68B6E7
83.3%	83.3% #59AAE1	RGB 89 170 225	#59AAE1
100.0%	100.0% #4B9FDB	RGB 75 159 219	#4B9FDB

#AAE5FF #98D9F9 #87CEF3 #77C2ED #68B6E7 #59AAE1 #4B9FDB

#AAE5FF - #77C2ED - #4B9FDB

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAE5FF 0%, #77C2ED 50%, #4B9FDB 100%);
    background: -webkit-linear-gradient(top, #AAE5FF 0%, #77C2ED 50%, #4B9FDB 100%);
    background: linear-gradient(to bottom, #AAE5FF 0%, #77C2ED 50%, #4B9FDB 100%);
}
</style>