#1F2244 - #535C76 | colorate

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

Blend #1F2244 to #535C76

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

RGB 혼합 (선형)

#1F2244 - #535C76 | colorate

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

0.0%	0.0% #1F2244	RGB 31 34 68	#1F2244
16.7%	16.7% #272B4C	RGB 39 43 76	#272B4C
33.3%	33.3% #303554	RGB 48 53 84	#303554
50.0%	50.0% #393F5D	RGB 57 63 93	#393F5D
66.7%	66.7% #414865	RGB 65 72 101	#414865
83.3%	83.3% #4A526D	RGB 74 82 109	#4A526D
100.0%	100.0% #535C76	RGB 83 92 118	#535C76

#1F2244 #272B4C #303554 #393F5D #414865 #4A526D #535C76

#1F2244 - #535C76

HSV 블렌드

#1F2244 - #535C76 | colorate

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

0.0%	0.0% #1F2144	RGB 31 33 68	#1F2144
16.7%	16.7% #252A4C	RGB 37 42 76	#252A4C
33.3%	33.3% #2D3354	RGB 45 51 84	#2D3354
50.0%	50.0% #353C5D	RGB 53 60 93	#353C5D
66.7%	66.7% #3E4665	RGB 62 70 101	#3E4665
83.3%	83.3% #48516D	RGB 72 81 109	#48516D
100.0%	100.0% #535C76	RGB 83 92 118	#535C76

#1F2144 #252A4C #2D3354 #353C5D #3E4665 #48516D #535C76

#1F2244 - #353C5D - #535C76

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F2144 0%, #353C5D 50%, #535C76 100%);
    background: -webkit-linear-gradient(top, #1F2144 0%, #353C5D 50%, #535C76 100%);
    background: linear-gradient(to bottom, #1F2144 0%, #353C5D 50%, #535C76 100%);
}
</style>