#2D3C91 - #C3C7DF | colorate

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

Blend #2D3C91 to #C3C7DF

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

RGB 혼합 (선형)

#2D3C91 - #C3C7DF | colorate

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

0.0%	0.0% #2D3C91	RGB 45 60 145	#2D3C91
16.7%	16.7% #46539E	RGB 70 83 158	#46539E
33.3%	33.3% #5F6AAB	RGB 95 106 171	#5F6AAB
50.0%	50.0% #7881B8	RGB 120 129 184	#7881B8
66.7%	66.7% #9198C5	RGB 145 152 197	#9198C5
83.3%	83.3% #AAAFD2	RGB 170 175 210	#AAAFD2
100.0%	100.0% #C3C7DF	RGB 195 199 223	#C3C7DF

#2D3C91 #46539E #5F6AAB #7881B8 #9198C5 #AAAFD2 #C3C7DF

#2D3C91 - #C3C7DF

HSV 블렌드

#2D3C91 - #C3C7DF | colorate

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

0.0%	0.0% #2D3C91	RGB 45 60 145	#2D3C91
16.7%	16.7% #3F4D9E	RGB 63 77 158	#3F4D9E
33.3%	33.3% #5561AB	RGB 85 97 171	#5561AB
50.0%	50.0% #6D77B8	RGB 109 119 184	#6D77B8
66.7%	66.7% #8790C5	RGB 135 144 197	#8790C5
83.3%	83.3% #A3AAD2	RGB 163 170 210	#A3AAD2
100.0%	100.0% #C3C7DF	RGB 195 199 223	#C3C7DF

#2D3C91 #3F4D9E #5561AB #6D77B8 #8790C5 #A3AAD2 #C3C7DF

#2D3C91 - #6D77B8 - #C3C7DF

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3C91 0%, #6D77B8 50%, #C3C7DF 100%);
    background: -webkit-linear-gradient(top, #2D3C91 0%, #6D77B8 50%, #C3C7DF 100%);
    background: linear-gradient(to bottom, #2D3C91 0%, #6D77B8 50%, #C3C7DF 100%);
}
</style>