#715465 - #DF7C92 | 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 #715465 a #DF7C92

#715465 #DF7C92

Calcule el color entre dos colores, #715465 y #DF7C92. 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)

#715465 - #DF7C92 | 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 #715465 como 0% y #DF7C92 como 100%.

0.0%	0.0% #715465	RGB 113 84 101	#715465
16.7%	16.7% #835A6C	RGB 131 90 108	#835A6C
33.3%	33.3% #956174	RGB 149 97 116	#956174
50.0%	50.0% #A8687B	RGB 168 104 123	#A8687B
66.7%	66.7% #BA6E83	RGB 186 110 131	#BA6E83
83.3%	83.3% #CC758A	RGB 204 117 138	#CC758A
100.0%	100.0% #DF7C92	RGB 223 124 146	#DF7C92

#715465 #835A6C #956174 #A8687B #BA6E83 #CC758A #DF7C92

#715465 - #DF7C92

Mezcla HSV

#715465 - #DF7C92 | 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 #715465 como 0% y #DF7C92 como 100%.

0.0%	0.0% #715465	RGB 113 84 101	#715465
16.7%	16.7% #835D71	RGB 131 93 113	#835D71
33.3%	33.3% #95657C	RGB 149 101 124	#95657C
50.0%	50.0% #A86D84	RGB 168 109 132	#A86D84
66.7%	66.7% #BA738B	RGB 186 115 139	#BA738B
83.3%	83.3% #CC7890	RGB 204 120 144	#CC7890
100.0%	100.0% #DF7C92	RGB 223 124 146	#DF7C92

#715465 #835D71 #95657C #A86D84 #BA738B #CC7890 #DF7C92

#715465 - #A86D84 - #DF7C92

Códigos CSS

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

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