#5E2ADF - #B58DFF | colorate

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

Blend #5E2ADF to #B58DFF

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

RGB 혼합 (선형)

#5E2ADF - #B58DFF | colorate

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

0.0%	0.0% #5E2ADF	RGB 94 42 223	#5E2ADF
16.7%	16.7% #6C3AE4	RGB 108 58 228	#6C3AE4
33.3%	33.3% #7B4BE9	RGB 123 75 233	#7B4BE9
50.0%	50.0% #895BEF	RGB 137 91 239	#895BEF
66.7%	66.7% #986CF4	RGB 152 108 244	#986CF4
83.3%	83.3% #A67CF9	RGB 166 124 249	#A67CF9
100.0%	100.0% #B58DFF	RGB 181 141 255	#B58DFF

#5E2ADF #6C3AE4 #7B4BE9 #895BEF #986CF4 #A67CF9 #B58DFF

#5E2ADF - #B58DFF

HSV 블렌드

#5E2ADF - #B58DFF | colorate

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

0.0%	0.0% #5E29DF	RGB 94 41 223	#5E29DF
16.7%	16.7% #6B38E4	RGB 107 56 228	#6B38E4
33.3%	33.3% #7A48E9	RGB 122 72 233	#7A48E9
50.0%	50.0% #8858EF	RGB 136 88 239	#8858EF
66.7%	66.7% #9769F4	RGB 151 105 244	#9769F4
83.3%	83.3% #A67AF9	RGB 166 122 249	#A67AF9
100.0%	100.0% #B58DFF	RGB 181 141 255	#B58DFF

#5E29DF #6B38E4 #7A48E9 #8858EF #9769F4 #A67AF9 #B58DFF

#5E2ADF - #8858EF - #B58DFF

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E29DF 0%, #8858EF 50%, #B58DFF 100%);
    background: -webkit-linear-gradient(top, #5E29DF 0%, #8858EF 50%, #B58DFF 100%);
    background: linear-gradient(to bottom, #5E29DF 0%, #8858EF 50%, #B58DFF 100%);
}
</style>