#CEC95C - #FA9CD4 | colorate

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

Blend #CEC95C to #FA9CD4

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

RGB 혼합 (선형)

#CEC95C - #FA9CD4 | colorate

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

0.0%	0.0% #CEC95C	RGB 206 201 92	#CEC95C
16.7%	16.7% #D5C170	RGB 213 193 112	#D5C170
33.3%	33.3% #DCBA84	RGB 220 186 132	#DCBA84
50.0%	50.0% #E4B298	RGB 228 178 152	#E4B298
66.7%	66.7% #EBABAC	RGB 235 171 172	#EBABAC
83.3%	83.3% #F2A3C0	RGB 242 163 192	#F2A3C0
100.0%	100.0% #FA9CD4	RGB 250 156 212	#FA9CD4

#CEC95C #D5C170 #DCBA84 #E4B298 #EBABAC #F2A3C0 #FA9CD4

#CEC95C - #FA9CD4

HSV 블렌드

#CEC95C - #FA9CD4 | colorate

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

0.0%	0.0% #CEC95C	RGB 206 201 92	#CEC95C
16.7%	16.7% #D5B365	RGB 213 179 101	#D5B365
33.3%	33.3% #DC9F6F	RGB 220 159 111	#DC9F6F
50.0%	50.0% #E48D7A	RGB 228 141 122	#E48D7A
66.7%	66.7% #EB848C	RGB 235 132 140	#EB848C
83.3%	83.3% #F290B1	RGB 242 144 177	#F290B1
100.0%	100.0% #FA9CD4	RGB 250 156 212	#FA9CD4

#CEC95C #D5B365 #DC9F6F #E48D7A #EB848C #F290B1 #FA9CD4

#CEC95C - #E48D7A - #FA9CD4

CSS 코드

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

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