#EFD49F - #443C2D | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #EFD49F a #443C2D

#EFD49F #443C2D

Calcule el color entre dos colores, #EFD49F y #443C2D. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#EFD49F - #443C2D | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #EFD49F como 0% y #443C2D como 100%.

0.0%	0.0% #EFD49F	RGB 239 212 159	#EFD49F
16.7%	16.7% #D2BA8C	RGB 210 186 140	#D2BA8C
33.3%	33.3% #B6A179	RGB 182 161 121	#B6A179
50.0%	50.0% #998866	RGB 153 136 102	#998866
66.7%	66.7% #7D6E53	RGB 125 110 83	#7D6E53
83.3%	83.3% #605540	RGB 96 85 64	#605540
100.0%	100.0% #443C2D	RGB 68 60 45	#443C2D

#EFD49F #D2BA8C #B6A179 #998866 #7D6E53 #605540 #443C2D

#EFD49F - #443C2D

Mezcla HSV

#EFD49F - #443C2D | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #EFD49F como 0% y #443C2D como 100%.

0.0%	0.0% #EFD49F	RGB 239 212 159	#EFD49F
16.7%	16.7% #D2BA8B	RGB 210 186 139	#D2BA8B
33.3%	33.3% #B6A178	RGB 182 161 120	#B6A178
50.0%	50.0% #998765	RGB 153 135 101	#998765
66.7%	66.7% #7D6E52	RGB 125 110 82	#7D6E52
83.3%	83.3% #60553F	RGB 96 85 63	#60553F
100.0%	100.0% #443C2D	RGB 68 60 45	#443C2D

#EFD49F #D2BA8B #B6A178 #998765 #7D6E52 #60553F #443C2D

#EFD49F - #998765 - #443C2D

Códigos CSS

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

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