#FFBFD6 - #DA5E8D | colorate

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

Blend #FFBFD6 to #DA5E8D

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

RGB 혼합 (선형)

#FFBFD6 - #DA5E8D | colorate

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

0.0%	0.0% #FFBFD6	RGB 255 191 214	#FFBFD6
16.7%	16.7% #F8AEC9	RGB 248 174 201	#F8AEC9
33.3%	33.3% #F29EBD	RGB 242 158 189	#F29EBD
50.0%	50.0% #EC8EB1	RGB 236 142 177	#EC8EB1
66.7%	66.7% #E67EA5	RGB 230 126 165	#E67EA5
83.3%	83.3% #E06E99	RGB 224 110 153	#E06E99
100.0%	100.0% #DA5E8D	RGB 218 94 141	#DA5E8D

#FFBFD6 #F8AEC9 #F29EBD #EC8EB1 #E67EA5 #E06E99 #DA5E8D

#FFBFD6 - #DA5E8D

HSV 블렌드

#FFBFD6 - #DA5E8D | colorate

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

0.0%	0.0% #FFBFD6	RGB 255 191 214	#FFBFD6
16.7%	16.7% #F8ADC8	RGB 248 173 200	#F8ADC8
33.3%	33.3% #F29CBB	RGB 242 156 187	#F29CBB
50.0%	50.0% #EC8BAF	RGB 236 139 175	#EC8BAF
66.7%	66.7% #E67BA3	RGB 230 123 163	#E67BA3
83.3%	83.3% #E06C97	RGB 224 108 151	#E06C97
100.0%	100.0% #DA5E8D	RGB 218 94 141	#DA5E8D

#FFBFD6 #F8ADC8 #F29CBB #EC8BAF #E67BA3 #E06C97 #DA5E8D

#FFBFD6 - #EC8BAF - #DA5E8D

CSS 코드

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

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