#DAC5E2 - #8A6BA3 | colorate

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

Blend #DAC5E2 to #8A6BA3

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

RGB 혼합 (선형)

#DAC5E2 - #8A6BA3 | colorate

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

0.0%	0.0% #DAC5E2	RGB 218 197 226	#DAC5E2
16.7%	16.7% #CCB6D7	RGB 204 182 215	#CCB6D7
33.3%	33.3% #BFA7CD	RGB 191 167 205	#BFA7CD
50.0%	50.0% #B298C2	RGB 178 152 194	#B298C2
66.7%	66.7% #A489B8	RGB 164 137 184	#A489B8
83.3%	83.3% #977AAD	RGB 151 122 173	#977AAD
100.0%	100.0% #8A6BA3	RGB 138 107 163	#8A6BA3

#DAC5E2 #CCB6D7 #BFA7CD #B298C2 #A489B8 #977AAD #8A6BA3

#DAC5E2 - #8A6BA3

HSV 블렌드

#DAC5E2 - #8A6BA3 | colorate

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

0.0%	0.0% #DAC5E2	RGB 218 197 226	#DAC5E2
16.7%	16.7% #CCB4D7	RGB 204 180 215	#CCB4D7
33.3%	33.3% #BFA3CD	RGB 191 163 205	#BFA3CD
50.0%	50.0% #B194C2	RGB 177 148 194	#B194C2
66.7%	66.7% #A485B8	RGB 164 133 184	#A485B8
83.3%	83.3% #9778AD	RGB 151 120 173	#9778AD
100.0%	100.0% #8A6BA3	RGB 138 107 163	#8A6BA3

#DAC5E2 #CCB4D7 #BFA3CD #B194C2 #A485B8 #9778AD #8A6BA3

#DAC5E2 - #B194C2 - #8A6BA3

CSS 코드

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

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