#DA9F9F - #3E2D2D | 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 #DA9F9F a #3E2D2D

#DA9F9F #3E2D2D

Calcule el color entre dos colores, #DA9F9F y #3E2D2D. 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)

#DA9F9F - #3E2D2D | 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 #DA9F9F como 0% y #3E2D2D como 100%.

0.0%	0.0% #DA9F9F	RGB 218 159 159	#DA9F9F
16.7%	16.7% #C08C8C	RGB 192 140 140	#C08C8C
33.3%	33.3% #A67979	RGB 166 121 121	#A67979
50.0%	50.0% #8C6666	RGB 140 102 102	#8C6666
66.7%	66.7% #725353	RGB 114 83 83	#725353
83.3%	83.3% #584040	RGB 88 64 64	#584040
100.0%	100.0% #3E2D2D	RGB 62 45 45	#3E2D2D

#DA9F9F #C08C8C #A67979 #8C6666 #725353 #584040 #3E2D2D

#DA9F9F - #3E2D2D

Mezcla HSV

#DA9F9F - #3E2D2D | 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 #DA9F9F como 0% y #3E2D2D como 100%.

0.0%	0.0% #DA9F9F	RGB 218 159 159	#DA9F9F
16.7%	16.7% #C08B8B	RGB 192 139 139	#C08B8B
33.3%	33.3% #A67878	RGB 166 120 120	#A67878
50.0%	50.0% #8C6565	RGB 140 101 101	#8C6565
66.7%	66.7% #725252	RGB 114 82 82	#725252
83.3%	83.3% #583F3F	RGB 88 63 63	#583F3F
100.0%	100.0% #3E2D2D	RGB 62 45 45	#3E2D2D

#DA9F9F #C08B8B #A67878 #8C6565 #725252 #583F3F #3E2D2D

#DA9F9F - #8C6565 - #3E2D2D

Códigos CSS

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

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