#E78889 - #FED6A0 | colorate

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

Blend #E78889 to #FED6A0

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

RGB 혼합 (선형)

#E78889 - #FED6A0 | colorate

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

0.0%	0.0% #E78889	RGB 231 136 137	#E78889
16.7%	16.7% #EA958C	RGB 234 149 140	#EA958C
33.3%	33.3% #EEA290	RGB 238 162 144	#EEA290
50.0%	50.0% #F2AF94	RGB 242 175 148	#F2AF94
66.7%	66.7% #F6BC98	RGB 246 188 152	#F6BC98
83.3%	83.3% #FAC99C	RGB 250 201 156	#FAC99C
100.0%	100.0% #FED6A0	RGB 254 214 160	#FED6A0

#E78889 #EA958C #EEA290 #F2AF94 #F6BC98 #FAC99C #FED6A0

#E78889 - #FED6A0

HSV 블렌드

#E78889 - #FED6A0 | colorate

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

0.0%	0.0% #E78889	RGB 231 136 137	#E78889
16.7%	16.7% #EA948B	RGB 234 148 139	#EA948B
33.3%	33.3% #EEA18F	RGB 238 161 143	#EEA18F
50.0%	50.0% #F2AE93	RGB 242 174 147	#F2AE93
66.7%	66.7% #F6BB97	RGB 246 187 151	#F6BB97
83.3%	83.3% #FAC89B	RGB 250 200 155	#FAC89B
100.0%	100.0% #FED6A0	RGB 254 214 160	#FED6A0

#E78889 #EA948B #EEA18F #F2AE93 #F6BB97 #FAC89B #FED6A0

#E78889 - #F2AE93 - #FED6A0

CSS 코드

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

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