#DBDFEC - #8DA3CD | colorate

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

Blend #DBDFEC to #8DA3CD

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

RGB 혼합 (선형)

#DBDFEC - #8DA3CD | colorate

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

0.0%	0.0% #DBDFEC	RGB 219 223 236	#DBDFEC
16.7%	16.7% #CED5E6	RGB 206 213 230	#CED5E6
33.3%	33.3% #C1CBE1	RGB 193 203 225	#C1CBE1
50.0%	50.0% #B4C1DC	RGB 180 193 220	#B4C1DC
66.7%	66.7% #A7B7D7	RGB 167 183 215	#A7B7D7
83.3%	83.3% #9AADD2	RGB 154 173 210	#9AADD2
100.0%	100.0% #8DA3CD	RGB 141 163 205	#8DA3CD

#DBDFEC #CED5E6 #C1CBE1 #B4C1DC #A7B7D7 #9AADD2 #8DA3CD

#DBDFEC - #8DA3CD

HSV 블렌드

#DBDFEC - #8DA3CD | colorate

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

0.0%	0.0% #DBDFEC	RGB 219 223 236	#DBDFEC
16.7%	16.7% #CCD3E6	RGB 204 211 230	#CCD3E6
33.3%	33.3% #BFC8E1	RGB 191 200 225	#BFC8E1
50.0%	50.0% #B2BEDC	RGB 178 190 220	#B2BEDC
66.7%	66.7% #A5B4D7	RGB 165 180 215	#A5B4D7
83.3%	83.3% #98ABD2	RGB 152 171 210	#98ABD2
100.0%	100.0% #8DA3CD	RGB 141 163 205	#8DA3CD

#DBDFEC #CCD3E6 #BFC8E1 #B2BEDC #A5B4D7 #98ABD2 #8DA3CD

#DBDFEC - #B2BEDC - #8DA3CD

CSS 코드

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

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