#C0D7FF - #5E8FDB | colorate

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

Blend #C0D7FF to #5E8FDB

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

RGB 혼합 (선형)

#C0D7FF - #5E8FDB | colorate

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

0.0%	0.0% #C0D7FF	RGB 192 215 255	#C0D7FF
16.7%	16.7% #AFCBF9	RGB 175 203 249	#AFCBF9
33.3%	33.3% #9FBFF3	RGB 159 191 243	#9FBFF3
50.0%	50.0% #8FB3ED	RGB 143 179 237	#8FB3ED
66.7%	66.7% #7EA7E7	RGB 126 167 231	#7EA7E7
83.3%	83.3% #6E9BE1	RGB 110 155 225	#6E9BE1
100.0%	100.0% #5E8FDB	RGB 94 143 219	#5E8FDB

#C0D7FF #AFCBF9 #9FBFF3 #8FB3ED #7EA7E7 #6E9BE1 #5E8FDB

#C0D7FF - #5E8FDB

HSV 블렌드

#C0D7FF - #5E8FDB | colorate

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

0.0%	0.0% #C0D7FF	RGB 192 215 255	#C0D7FF
16.7%	16.7% #AEC9F9	RGB 174 201 249	#AEC9F9
33.3%	33.3% #9CBDF3	RGB 156 189 243	#9CBDF3
50.0%	50.0% #8CB0ED	RGB 140 176 237	#8CB0ED
66.7%	66.7% #7CA5E7	RGB 124 165 231	#7CA5E7
83.3%	83.3% #6C99E1	RGB 108 153 225	#6C99E1
100.0%	100.0% #5E8FDB	RGB 94 143 219	#5E8FDB

#C0D7FF #AEC9F9 #9CBDF3 #8CB0ED #7CA5E7 #6C99E1 #5E8FDB

#C0D7FF - #8CB0ED - #5E8FDB

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0D7FF 0%, #8CB0ED 50%, #5E8FDB 100%);
    background: -webkit-linear-gradient(top, #C0D7FF 0%, #8CB0ED 50%, #5E8FDB 100%);
    background: linear-gradient(to bottom, #C0D7FF 0%, #8CB0ED 50%, #5E8FDB 100%);
}
</style>