#71545C - #DF837C | 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 #71545C a #DF837C

#71545C #DF837C

Calcule el color entre dos colores, #71545C y #DF837C. 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)

#71545C - #DF837C | 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 #71545C como 0% y #DF837C como 100%.

0.0%	0.0% #71545C	RGB 113 84 92	#71545C
16.7%	16.7% #835B61	RGB 131 91 97	#835B61
33.3%	33.3% #956366	RGB 149 99 102	#956366
50.0%	50.0% #A86B6C	RGB 168 107 108	#A86B6C
66.7%	66.7% #BA7371	RGB 186 115 113	#BA7371
83.3%	83.3% #CC7B76	RGB 204 123 118	#CC7B76
100.0%	100.0% #DF837C	RGB 223 131 124	#DF837C

#71545C #835B61 #956366 #A86B6C #BA7371 #CC7B76 #DF837C

#71545C - #DF837C

Mezcla HSV

#71545C - #DF837C | 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 #71545C como 0% y #DF837C como 100%.

0.0%	0.0% #71545C	RGB 113 84 92	#71545C
16.7%	16.7% #835D65	RGB 131 93 101	#835D65
33.3%	33.3% #95656D	RGB 149 101 109	#95656D
50.0%	50.0% #A86D73	RGB 168 109 115	#A86D73
66.7%	66.7% #BA7376	RGB 186 115 118	#BA7376
83.3%	83.3% #CC7978	RGB 204 121 120	#CC7978
100.0%	100.0% #DF837C	RGB 223 131 124	#DF837C

#71545C #835D65 #95656D #A86D73 #BA7376 #CC7978 #DF837C

#71545C - #A86D73 - #DF837C

Códigos CSS

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

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