#CFBAC7 - #FFEEDB | colorate

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

Blend #CFBAC7 to #FFEEDB

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

RGB 혼합 (선형)

#CFBAC7 - #FFEEDB | colorate

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

0.0%	0.0% #CFBAC7	RGB 207 186 199	#CFBAC7
16.7%	16.7% #D7C2CA	RGB 215 194 202	#D7C2CA
33.3%	33.3% #DFCBCD	RGB 223 203 205	#DFCBCD
50.0%	50.0% #E7D4D1	RGB 231 212 209	#E7D4D1
66.7%	66.7% #EFDCD4	RGB 239 220 212	#EFDCD4
83.3%	83.3% #F7E5D7	RGB 247 229 215	#F7E5D7
100.0%	100.0% #FFEEDB	RGB 255 238 219	#FFEEDB

#CFBAC7 #D7C2CA #DFCBCD #E7D4D1 #EFDCD4 #F7E5D7 #FFEEDB

#CFBAC7 - #FFEEDB

HSV 블렌드

#CFBAC7 - #FFEEDB | colorate

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

0.0%	0.0% #CFBAC7	RGB 207 186 199	#CFBAC7
16.7%	16.7% #D7BFC9	RGB 215 191 201	#D7BFC9
33.3%	33.3% #DFC5CB	RGB 223 197 203	#DFC5CB
50.0%	50.0% #E7CACC	RGB 231 202 204	#E7CACC
66.7%	66.7% #EFD4D0	RGB 239 212 208	#EFD4D0
83.3%	83.3% #F7E0D5	RGB 247 224 213	#F7E0D5
100.0%	100.0% #FFEEDB	RGB 255 238 219	#FFEEDB

#CFBAC7 #D7BFC9 #DFC5CB #E7CACC #EFD4D0 #F7E0D5 #FFEEDB

#CFBAC7 - #E7CACC - #FFEEDB

CSS 코드

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

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